语义化标签
在网页中HTML专门负责网页的结构
在使用html标签时,应关注的是标签的语义,而不是它的样式
标题标签
- h1~h6(一共有六级标签)
- h1在网页中的重要性仅次于title,一般情况下一个页面只会有一个h1
- 一般情况下标题标签只会使用到h1~h3
- 标题标签都是块元素
- 块元素(Black element):在页面中独占一行的元素
块元素:
在网页中一般通过块元素来对页面进行布局
行内元素:
行内元素主要用来包裹文字(使文字有特殊效果)
一般情况下会在块元素放行内元素,而不会在行内元素放块元素
p元素中不能放任何的块元素
浏览器在解析网页时,会自动对网页中不符合规范的内容进行修正
hgroup标签用来为标签分组,可以将一组相关的标题同时放入hgroup
p标签表示页面中的一个段落
p也是一个块元素
em标签用于表示语音语调的一个加重
行内元素:在页面中不会独占一行的元素
strong表示强调,重要内容(内容会进行加粗)
blockquote表示一个长引用
q表示一个短引用
br标签表示页面中的换行
布局标签(结构化语义标签)
header:表示网页的头部
main:表示网页的主体部分(一个网页只会有一个main)
footer:表示网页的底部
nav:表示网页的导航
aside:和主体相关的其他内容(侧边栏)
article:表示一个独立的文章
section:表示一个独立的区块,以上标签不能表示时使用section
div:没有语义,就用来表示一个区块,div可以代替以上所有
span:行内元素,没有任何语义,一般用于在网页中选中文字