1、1超文本标记语言HTML的第五个主要修订版，是万维网的核心语言和标准通用标记语言2HTML5旨在支持移动设备上的多媒体引入了新的语法功能来支持这一点，例如视频音频和画布标签HTML5还引入了新的功能，可以真正改。

2、section 标签，从语义化上看为部分，其用法如下用于页面内容的独立分块，往往是文章的一段 通常由内容和标题组成，没有标题的内容不推荐使用 section 使用频率低，强调分段分块注HTML5与CSS3权威指南这本书中说明。

3、HTML5 ltasideAside 的内容是独立的内容，但应与文档内容相关ltaside HTML4 ltdivAside 的内容是独立的内容，但应与文档内容相关ltdiv 标签定义声音，比如音乐或其他音频流 HTML5 ltaudio src=。

4、头部headernav 侧栏aside 内容articlesectiondiv 脚部footer 这些仅仅是html5的一部分，常出现在整个网页的“大框架”结构上，具体位置如下html5 虽然增加了很多新的标签，但是并不代表完全抛弃了原有的标签。

5、1符合单一职责原则HTML5页面就负责管理元素，而CSS3文件只负责对相应HTML5文件显示效果的渲染，相互独立，互不相交2降低页面的复杂度，便于维护试想，当页面的元素数量增到很多的时候，同时在一个页面里管理元素和元素的显示属性，可读。

6、列举常用HTML5结构组合 header nav section article figure figcaption aside footer 一般首页结构，如图所示 当然也可以是下面的结构 其中ltsection和ltarticle最为相似，而且和div标签貌似也有很大相似之处但看似相似，并不是。

7、定义和用法ltcanvas 标签定义图形，比如图表和其他图像HTML5 的 canvas 元素使用JavaScript 在网页上绘制图像画布是一个矩形区域，您可以控制其每一像素canvas 拥有多种绘制路径矩形圆形字符以及添加图像的方法实例通过。

8、HTML5中新增了1ltheader2ltfooter3ltnav4ltsection5ltarticle6ltaside7ltfigure 多个有语义的结构化标签元素其中section和article这两个标签和div差不多功能，很容易混淆。

9、aside article footer header css3 css3被划分为模块，最重要的几个模块包括选择器框模型背景和边框文本效果2D3D 转换动画多列布局用户界面 选择器 框模型 背景和边框 borderradiusboxshadow。

10、1取消了一些过时的HTML4标记 其中包括纯粹显示效果的标记，如ltfont和ltcenter，它们已经被CSS取代HTML5 吸取了XHTML2 一些建议，包括一些用来改善文档结构的功能，比如，新的HTML 标签 header， footer， dialog， aside。

11、1方法一给锚点文本标签添加id，使用lta href=quot#quotlta来定位，当单击a链接时，就会跳到id为a01的p标签处如ltdivlta href=quot#a01quotltaltdiv ltp练习ltpltp练习ltpltp练习ltpltp练习lt。

12、很多面试官会问对于 HTML5语义化标签的理解那么本篇专门解答一下这个问题除了让开发人员 更加理解你的html结构及 代码易读之外，当然有更有深度有趣的原因首先对W3C的HTML5其进行大概的分类，随意看看可以这样。

13、2如果article元素aside元素或nav元素更符合使用条件，不要使用section元素 3不要为没有标题的内容区块使用section元素 三两者的区别 以上讲述了那么多，两者的区别到底是什么呢？事实上，在HTML5中，article元素可以看成是一种特。

14、从人的视觉上看是一样没错，但从机器搜索引擎的角度看HTML5的ltfigure标签更加语义化，更友好所谓的语义化就是通过HTML标签就能知道它的用途，比如ltfooterltfooter代表网页的底部。

15、需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码ltdiv style=quotwidth 100px height 100px overflow。

16、为了方便兼容IE8中使用HTML5，可以使用JS的方法来使低于IE9版本的IE浏览器兼容lt！if lt IE 9 ltscript function var tags = #39header#39，#39footer#39，#39figure#39，#39figcaption#39，#39details#39，#39summary#39，#39hgroup#39。