在学习HTML5并将新技术添加到工具箱时,您可能会想要构建自己的HTML样板,以开始所有以后的项目。我们鼓励这样做,本文可以帮助您构建自己的HTML模板。
在本文中,我们将研究如何入门。让我们从一个简单的HTML5页面开始:
The HTML5 Herald
有了该基本模板之后,现在让我们检查标记的一些重要部分,以及这些部分可能与HTML5之前的HTML编写方式有何不同。
首先,我们有Document Type Declaration或doctype。这只是告诉浏览器(或任何其他解析器)正在查看的文档类型的一种方式。对于HTML文件,它表示HTML的特定版本和风格。doctype应该始终是任何HTML文件顶部的第一项。许多年前,doctype声明是一个丑陋且难以记忆的混乱。对于XHTML 1.0 Strict:
对于HTML4 Transitional:
尽管文档顶部的一长串文本并没有真正伤害我们(除了迫使我们站点的查看器下载一些额外的字节),HTML5消除了那种难以理解的眼神。现在您需要的是:
很简单,而且很重要。可以使用大写,小写或大小写混合的doctype。您会注意到声明中明显缺少“ 5”。尽管当前的Web标记迭代被称为“ HTML5”,但它实际上仅是先前HTML标准的演进-将来的规范将仅仅是我们今天拥有的标准的发展。
由于通常要求浏览器支持Web上的所有现有内容,因此无需依赖doctype来告诉他们在给定文档中应支持哪些功能。换句话说,仅doctype不会使您的页面兼容HTML5。这完全取决于浏览器。实际上,您可以在页面上使用具有新HTML5元素的这两种旧文档类型之一,并且该页面将呈现与使用新doctype时相同的外观。