今天我们了解一些常用标签。
注:对于标签我们的关注点在于它的语义,而不是样式 。
1.标题标签h1 ~ h6 注意语义 页面部分区块的标题
默认样式是加粗的,其中一级标题是最大最粗的,六级标题是最小的,标题与标题之间有较大的间距,还会独占一行,标题标签是块元素! 语义:代表一个标题,而且一级标题语义是最重,六级标题语义是最轻,标题标签会帮助seo,sem推广,其重要性仅次于title标签,常用的是h1-h3标签,h1标签一般一个页面只有一个。
2.段落标签,段落标签用于表示内容中的一个自然段。
默认样式:行与行之间有较大的间距,会独占一行,它也是个块元素语义:就是一个自然段落
注意:p标签里面一样是放文字或者图片,不会放其他的块元素。
3.hgroup标签用来为标题分组,可以将一组相关的标题同时放入到hgroup,从样式上看,加不加hgroup都没有区别,但从语义上看,两者就具有一定关系。
4.em标签 语言表示强调,表现的样式为斜体,没有独占一行。与其同样表示强调的还有strong,表现样式为加粗,同样没有独占一行,em强调的是语调,strong强调的是内容。
5.blackquote标签 又叫长引用标签,语义引用别人说的话,表现为全换行,属于块元素。q标签又叫短引用标签,它的表现形式是“ ————”。
6.br标签(强制换行)又叫自结束标签。
7.hr分割线标签 ,表现为一个页面分割线。
8.div标签布局一个没有意义的块元素,只表示一个区块。
9.p标签(段落标签) yan,样式:行与行之间有间隔,独占一行,属于块元素。
结构标签(布局标签)
header 网页头部
main 网页的主题部分(一般只有一个)
footer 网页的底部
nav 导航区
aside 这主体有关的内容,侧边栏。
article 文章之类的
section 独立的区块