html5语义化规范,html5语义化标签使用规范

Html5添加了很多语义化标签,一个典型的html5页面结构可以如下安排

一、使用案例

1. 头部——header和nav标签

header头部,body下的直接子元素header一般用于放页面的介绍性的信息如网站名称、logo或者导航栏nav。

html5语义化标签

导航

  • 章节标签
  • 标题标签

使用html5的header和nav标签

html5语义化标签

传统的头部

注意到上面用了两个h1标签,在传统的html4里面,h1标题一般只能用一个,用于表示页面的大标题。但是在html5标签里面,所有的标题标签h1~h6都可用于不同的章节里。如上,第二个h1标签隶属于nav标签,与第一个h1是不同级别的。在Chrome里面第二个h1的样式字体小于第一个:

d42ec14804c680f49bc4a3d256033724.png 

a8c52a2ca9a0f99af683b5d459543caf.png

2. 主体部分——mai

你可能感兴趣的:(html5语义化规范)