HTML基本结构
(HTML5中标签不分大小写)
<!DOCTYPE html>
<html> 双标签 文件开始标签
<head>文件头部标签
<meta charset="utf-8">单标签 信息 用户不可见 元数据 多个
<title>文件标题标签,显示在标题栏</title>
</head>
<body>文件主体标签 </body>
</html>文件结束
HTML5新增语义化标签:
在body里用:
header、footer、section,article,aside,nav
新增标识元素:
canvas,audio,video
双标签:
<></> <h1-6>标题</h1-6> <p>段落</p>
单标签:
hr/换行 img/引用图片
属性值区分大小写
双标签:
<标签名称 属性="属性值" 属性="属性值"…… ></名>
单标签:
<标签名称 属性="属性值" 属性="属性值"……>
块级元素/块级标签:
h1-h6,p,table,ul,div 可设宽高内外边距,独占一行 宽度缺省也宽度100%,内可有内联/块元素
内联元素/行级元素/行内标签/级联元素
strong/a/img/span 不可设宽高内外边距,在一行中显示,宽度就 是文字或图片宽度,内部只能有文本或内联元素
文本标题h
h1,h6 字体变粗,1-6字体变小
段落标签p
<p>内容</p>
换行符<br/>
内容在设置<br/>出另起一行
转义字符注释标签
<!--...--> 快捷键,框选内容,Ctrl+/
无语义标签
块级元素div,双标签,一块区域内联元素
span双标签,容器,和div相似
语义标签
header:网页或section的页眉,通常包含h1-6或hgroup,没有个数限制
footer:网页或section的页脚底部,
hgroup:标题,有多个h1-6就放到hgroup中包住
nav:页面的导航链接区域
aside:被包含在article元素作为附属信息,例如侧边框
section:节(一个页面里的分组)或段(一篇文章里按照主 题的分段),通常还带标题,article,nav,aside可 理解为特殊的section,尽量不用section
article:一个在文档,页面或网站中自成一体的内容,
自身独立用article
相关内容用section
没有语义用div