底部链接等， 这些只要使用一些新的标签下面是一张html5概念图1ltheader 网站头部标签 2ltnav 导航标签 3ltarticle 内容标签 4ltsection 文章标签 5ltaside 侧边栏 6ltfooter 网站底部标签；HTML5提供了新的元素来创建更好的页面结构ltarticle 定义页面独立的内容区域ltaside 定义页面的侧边栏内容ltbdi 允许您设置一段文本，使其脱离其父元素的文本方向设置ltcommand 定义命令按钮，比如单选。

HTML5新增的元素如下所示，希望对你有帮助，望采纳新的语义和结构元素ltarticle 定义页面独立的内容区域ltaside 定义页面的侧边栏内容ltbdi 允许您设置一段文本，使其脱离其父元素的文本方向设置ltcomman；section 类似div，不过比div更有意义，他是对内容进行分块aside 字面就是侧边栏，跟内容相关的一些引用内容这些元素表现形式都是行内，使用的时候要显示声明为block。

html5新增标签有这几个ltheaderltnavltsectionltarticleltasideltmainltfooterltfigureltfigcaptionltvideo等1ltheader定义文档或区块的页眉，通常包含标题导航和其他相关信息2ltnav定义导航链接的容器；·main定义文档的主要内容，该内容在文档中应当是独一无二的，不包含任何在文档中重复的内容，比如侧边栏，导航栏链接，版权信息，网站logo，搜索框搜索框作为文档的主要内容·aside表示一个和其余页面内容几乎无关的部分，被认为是独立于。

ltarticle定义页面独立的内容区域ltaside定义页面的侧边栏内容ltbdi允许您设置一段文本，使其脱离其父元素的文本方向设置ltcommand定义命令按钮，比如单选按钮复选框或按钮 ltdetails用于描述文档或文档某个部分的细节；响应式布局最简单的就是用css3来实现我举一个最简单的例子下面是html代码lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name =quotviewportquot content=quotwidth = devicewidth，initial。

一指代不同 1html5是Web中核心语言HTML的规范2html称为超文本标记语言，是一种标识性的语言二特点不同 1html5用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术。

5aside侧边栏标签 6footer尾部标签 二在IE9中需要将这些元素转换为块级元素 新增的多媒体标签主要包含两个1音频audio 2视频video 使用它们可以很方便的在页面中嵌入音频和视频，而不再去使用flash和其他；ltaside用来装载非正文内容，最典型的应用就是网站侧边栏，可以是附属信息，成组的导航，或者广告ltfooter代表“网页”或者“section”的页脚，通常含有与页面，文章有关的基础信息，用于包含版权资料和联系方式除了以上。

ltsection 内容分块可设置cite属性ltaside 侧边栏，定义和页面内容关联度较低的内容如果被删除，剩下的内容仍然很合理ltfigure 代表一个和文档有关的图例ltfigcaption 代表一个图例的说明标题ltfoo；ltaside定义页面内容之外的内容，在左侧或右侧边栏比如知乎右侧的“相关问题”就属于ltaside区域aside标签的文字信息与article标签区域的文字信息最好是相关可能会影响到该页面和目标页面的排名这些结构元素有些在HTML4。

从人的视觉上看是一样没错，但从机器搜索引擎的角度看HTML5的ltfigure标签更加语义化，更友好所谓的语义化就是通过HTML标签就能知道它的用途，比如ltfooterltfooter代表网页的底部；ltaside 定义页面的侧边栏内容ltbdi 允许您设置一段文本，使其脱离其父元素的文本方向设置ltcommand 定义命令按钮，比如单选按钮复选框或按钮 ltdetails 用于描述文档或文档某个部分的细节 ltdialog。

7 aside标签表示当前页面或文章的附属信息部分，可包含于当前页面或主要内容相关的引用侧边栏广告导航条以及其他类似的有别于主要内容的部分8 figure标签规定独立的流内容图像图表照片代码等等fig。