1、如何区分HTML5、HTML和XHTML

【问题】：如何区分HTML5、HTML和XHTML?

【考查】：对HTML5、HTML和XHTML之间的熟练程度，应从三者的“定义”以及“使用时的关键注意点”来区分它们之间的不同之处。

【解析】：

• 基本概念及定义：

HTML5 ： 是HTML、XHTML和HTML DOM 的一个新标准，HTML5是最先由WHATWG(Web超文本应用技术工作组)命名的一种超文本标记语言，后来和W3C的xhtml2.0相结合，产生了现在最新一代的超文本标记语言。

可简单理解为： HTML5 = HTML + CSS3 + JavaScript + API

HTML : 超文本标记语言，是一种基本的Web网页设计语言。

XHTML : 可扩展超文本标记语言，是一种置标语言，表现方式与HTML超文本标记语言类似，只是在语法上更为严格，XHTML可以说是一个过渡技术，因为它结合了部分XML的强大功能和大多数HTML的简单特性。

• 使用时的“关键注意点”以及“特性区别”：

HTML5 ：
1）用于绘画的canvas元素；
2）用于媒介回放的video和audio元素；
3）对本地离线存储有更好的支持；
4）新的特殊内容元素（eg: article、footer、header、nav、section等）；
5）新的表单控件（eg: calendar、date、time、email、url、search等）；
6）有语义优势，提供了一些新标签，（eg: <header> <article> <footer> 提供了语义化标签），可以更好地支持搜索引擎的读取，便于SEO蜘蛛的爬行。

【SEO（Search Engine Optimization）： 指搜索引擎优化，它是搜索引擎自己研发的一个搜索引擎抓取程序，SEO蜘蛛主要抓取互联网上网页、图片、视频等内容，方便搜索引擎对这些内容进行索引。】

HTML ：
1）标识文本（eg: 定义标题文本、段落文本、列表文本、预定义文本）；
2）建立超链接，便于页面链接的跳转；
3）创建列表，把信息有序地组织在一起，方便浏览；
4）在网页中显示“图像、声音、视频、动画”等多媒体信息，使网页设计更具冲击力；
5）可制作表格，以便显示大量数据；
6）可制作表单，允许在网页内输入文本信息，执行其他用户操作，方便信息互动；
7）没有体现结构语义化的标签（常用命名方式如下，eg: <div id=“header”></div>, 该语句用来表示网站的头部）。

XHTML：
1）要求正确嵌套；
2）所有元素必须关闭；
3）区分大小写；
4）属性值要用 “双引号” ；
5）用 id 属性代替 name 属性；
6）特殊字符的处理；
7）可以很好地处理各大浏览器的兼容问题。