《阿宝哥的HTML5编程笔记》之0201：

大前端设计（H5+小程序+App）

温馨提示：

本文中可能包含表格，在手机屏幕上竖屏显示时，一行内可显示中文字符数量为20个左右，因部分表格单元格内容过长会导致自动换行，从而使得排版不太美观。

另外，本文中可能包含高清图片，在手机屏幕上预览时，我们需要频繁的进行放大缩小操作，这是相当麻烦的一件事情。

因此，如果条件允许，建议您坐在舒适的办公桌前，冲泡一杯咖啡或者茶，在电脑上阅读以获得更好的体验。

声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

以下面这个 标签为例：

在上面的声明中，声明了文档的根元素是 html，它的DTD公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 。浏览器根据此公共标识符寻找与之匹配的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。

DTD：Document Type Definition，即文档类型定义。

DTD是一套关于标记符的语法规则。它使用一系列合法的元素来定义文档的结构。它是XML1.0版规格的一部分，是XML文件的验证机制。DTD也属于XML文件组成的一部分,可被成行地声明于 XML 文档中，也可作为一个外部引用。

DTD 是一种保证XML文档格式正确的有效方法，可通过比较XML文档和DTD文件来看文档是否符合规范，元素和标签使用是否正确。XML文件提供应用程序一个数据交换的格式，DTD正是让XML文件能成为数据交换标准，因为不同的公司只需定义好标准DTD,各公司都能依DTD建立XML文件，并且进行验证，如此就可以轻易的建立标准和交换数据，这样满足了网络共享和数据交互。DTD文件是一个ASCII文本文件，后缀名为.dtd。

温馨提示：

标签没有结束标记！如果您需要检查是否编写了带有正确 DTD 的合法 XHTML/HTML 文档，您可以把您的 页面链接到一个 XHTML/HTML 验证器。

1、DTD版本

标签可声明三种 DTD 类型，分别如下：

• Strict ：严格的文档类型定义。如果您需要干净的标记，免于表现层的混乱，请使用此类型，并与层叠样式表（CSS）配合使用。该定义中不能包含已过时的元素（或属性）和框架元素。

• Transitional：过渡的文档类型定义。Transitional DTD 可包含 W3C 所推荐使用的层叠样式表（CSS）属性和HTML元素。如果您的用户使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 HTML 的呈现特性时，请使用此类型。该定义能包含已过时的元素和属性但不能包含框架元素。

• Frameset：框架集文档类型定义。Frameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外，Frameset DTD 等同于 Transitional DTD。该定义能包含已过时的元素和框架元素。

2、示例

2.1、HTML 5

HTML 5的第一份正式草案已于2008年1月22日公布，目前HTML5 仍处于发展和完善之中。然而，当前大部分浏览器已经具备了绝大多数 HTML5 特性支持。它们包括Firefox，IE9，Edge，Chrome，Safari，Opera等。HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的HTML标准版本，强烈建议使用该DTD定义。

2.2、HTML 2.0

2.3、HTML 3.2

2.4、HTML 4.01 Frameset

2.5、HTML 4.01 Strict

2.6、HTML 4.01 Transitional

2.7、HTML 4.01 Transitional(Quirks)

2.8、XHTML 1.0 Frameset

2.9、XHTML 1.0 Strict

2.10、XHTML 1.0 Transitional

2.11、XHTML 1.1

---

如果您不能静下心来，不精心雕琢和打造自己的知识系统和技能体系，沉迷于点石成金亦或是拔苗助长等等的奇技淫巧之间，那都是事倍功半的瞎忙活！

古往今来，学习，没有捷径，除非出现科幻般的脑机互联......但有拙法，那就是书山有路勤为径，学海无涯苦作舟！更何况，日新月异知识爆炸的今天，态度犹豫和停止学习，那么等待您的，唯有丛林淘汰法则。

书，能读完吗？肯定不能，汗牛充栋！
书，能学完吗？绝对可以，得读经典。

好好学习，天天向上！继续下一章...

---