常用的H5结构标签在HTML5中，为了解决文档结构不够清晰的问题，增加了很多与结构相关的元素。header元素header元素是具有引导和导航功能的结构元素。它通常用于放置整个页面的标题或页面内的一个内容块，但也可以包含其他内容，例如数据表、搜索表单或相关的LOGO图片。nav元素nav元素是一个链接组，可用作页面导航，其中导航元素链接到其他页面或当前页面的其他部分。main元素main元素表示网页的主要内容。主要内容区是指在应用程序中与网页标题或该页面的主要功能直接相关或展开的内容。section元素section元素用于在网站或应用程序中划分页面上的内容。section元素通常由内容及其标题组成。article元素article元素表示文档、页面或应用程序中独立、完整的内容，可以独立地从外部引用。aside元素aside元素用于表示当前页面或文章的辅助信息部分，可以包含引用、侧边栏、广告、导航栏等与当前页面或文章的主要内容不同的类似部分主要内容。footer元素footer元素可以充当其父内容块或根块的页脚。Footer通常包含其相关块的脚注信息，如作者、相关阅读链接、版权信息等。新标签如何向后兼容兼容HTML5的新结构元素和媒体查询由于IE8及更早版本的IE浏览器无法解析HTML5的新结构元素，因此需要创建并设置默认样式display:blockthroughdocument.createElement以实现兼容性。还有一种更简单的方法是引入html5shiv，原理类似。IE浏览器需要respond.js的配合才能支持媒体查询。但是要注意以下几点：respond.js和cross的问题-domaincss需要做一些额外的跨域配置。respond.js在通过file://协议访问的页面无法正常运行，必须通过http(https)协议访问。respond.js不支持@import引入的css文件。上述方案解决了HTML5新结构元素和媒体查询的兼容性问题。同时尽量让IE浏览器直接运行最新的渲染模式。如果是国产浏览器，一般同时支持兼容模式（IE内核）和高速模式（webkit内核）.可以使用以下方法使国产浏览器默认使用高速模式渲染页面。不要用section或article代替div在使用HTML5添加结构标签的过程中，新的结构标签可以快速布局页面骨架（skeleton）,HTML代码的可读性和清晰度大大提高，但它们仅限于有助于构建文档大纲的语义部分。如果是样式容器，继续用div。