这可能是最全的HTML(5)知识体系总结

1.文档声明(Doctype)和有何作用? 严格模式与混杂模式如何区分?它们有何意义?

文档声明的作用
文档声明是为了告诉浏览器,我们写的HTML文档当前使用什么版本的HTML来写的,这样浏览器才能按照我们声明的版本来正确的解析。

的作用
的作用就是让浏览器进入标准模式,使用最新的 HTML5标准来解析渲染页面;如果不写,浏览器就会进入混杂模式,我们需要避免此类情况发生。


严格模式与混杂模式的区分

  • 严格模式: 又称为标准模式,指浏览器按照W3C标准解析代码;
  • 混杂模式: 又称怪异模式、兼容模式,是指浏览器用自己的方式解析代码.混杂模式通常模拟老式浏览器的行为,以防止老站点无法工作;

区分:
网页中的DTD,直接影响到使用的是严格模式还是浏览模式,可以说DTD的使用与这两种方式的区别息息相关。

如果文档包含严格的DOCTYPE ,那么它一般以严格模式呈现(严格 DTD ——严格模式);
包含过渡 DTD 和 URI 的 DOCTYPE ,也以严格模式呈现,但有过渡 DTD 而没有 URI (统一资源标识符,就是声明最后的地址)会导致页面以混杂模式呈现(有 URI 的过渡 DTD ——严格模式;没有 URI 的过渡 DTD ——混杂模式);
DOCTYPE 不存在或形式不正确会导致文档以混杂模式呈现(DTD不存在或者格式不正确——混杂模式);
HTML5 没有 DTD ,因此也就没有严格模式与混杂模式的区别,HTML5 有相对宽松的语法,实现时,已经尽可能大的实现了向后兼容(HTML5 没有严格和混杂之分)。

总的来说,严格模式让各个浏览器统一执行一套规范.兼容模式保证了旧网站的正常运行。

2.HTML、XHTML和HTML5区别以及有什么联系

XHTML与HTML的区别

  • XHTML标签名必须小写;
  • XHTML元素必须被关闭;
  • XHTML元素必须被正确的嵌套;
  • XHTML元素必须要有根元素。

XHTML与HTML5的区别

  • HTML5新增了canvas绘画元素;
  • HTML5新增了用于绘媒介回放的video和audio元素;
  • 更具语义化的标签,便于浏览器识别;
  • 对本地离线存储有更好的支持;
  • MATHML,SVG等,可以更好的render;
  • 添加了新的表单控件:calendar、date、time、email等。

HTML、XHTML、HTML5之间联系

  • XHTML是HTML规范版本;
  • HTML5是HTML、XHTML以及HTML DOM的新标准。

3. HTML、XML、XHTML 的区别

HTML:超文本标记语言,是语法较为松散的、不严格的Web语言;
XML:可扩展的标记语言,主要用于存储数据和结构,可扩展;
XHTML:可扩展的超文本标记语言,基于XML,作用与HTML类似,但语法更严格。

4. 什么是HTML5以及和HTML的区别是什么

概念
HTML5是HTML的新标准,其主要目标是无需任何额外的插件如Flash、Silverlight等,就可以传输所有内容。它囊括了动画、视频、丰富的图形用户界面等。
HTML5是由万维网联盟(W3C)和Web Hypertext Application Technology Working Group 合作创建的HTML新版本。
区别
从文档声明类型上看:

HTML是很长的一段代码,很难记住。如下代码:


HTML5却只有简简单单的声明,方便记忆。如下:

从语义结构上看:

HTML4.0:没有体现结构语义化的标签,通常都是这样来命名的

,这样表示网站的头部。
HTML5:在语义上却有很大的优势。提供了一些新的标签,比如: