HTML5的新特性主要是针对以前的不足,增加了一些新标签,新表单和新表单属性。但是这些标签大多都存在兼容性的问题,基本是IE9以上的版本才支持

header/nav

头部标签 <header></header> 和div一样的效果,但更具有语义性。用于展示介绍性内容,通常包含一组介绍性的或是辅助导航的实用元素。它可能包含一些标题元素,但也可能包含其他元素,比如 Logo、搜索框、作者名称,等等

导航标签 <nav></nav> 用于定义页面的导航链接。导航链接可以是页面的主要导航链接,也可以是页面的局部导航链接。一个页面可以包含多个 <nav> 标签

main

要内容标签 <main></main> 用于定义文档的主要内容。主要内容是指文档的主要内容区域,不包括页眉、页脚、侧边栏等内容。一个文档只能有一个 <main> 标签

article

内容标签 <article></article> 用于定义页面独立的内容,比如一篇文章、一篇博客、一篇论坛帖子等等。一个页面可以包含多个 <article> 标签

section

区域标签 <section></section> 用于定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。一个页面可以包含多个 <section> 标签

aside

侧边栏标签 <aside></aside> 用于定义页面的侧边栏内容。侧边栏内容可以是与页面内容相关的内容,也可以是独立的内容。一个页面可以包含多个 <aside> 标签

页脚标签 <footer></footer> 用于定义页面或文章的页脚。页脚通常包含文档的作者、版权信息、联系方式、站点地图、友情链接等内容。一个页面可以包含多个 <footer> 标签

details

细节标签 <details></details> 用于定义额外的细节,用户可以点击查看。<summary> 标签用于定义 <details> 元素的标题。<details> 标签的内容是用户可以点击查看的内容