大前端设计（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

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

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

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

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

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