前端发展这么快，一不小心可能会被远远甩在后面，师傅。如果你不想被HTML5的变化/更新淹没，可以把这篇文章的内容作为你必须知道的热身课程。

一、新的Doctype

///zx x :“doctype”中文意思是“文档类型”

你还在用你记不住的麻烦的XHTML文档类型吗？

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD '

如果有，为什么还在用？请改用新的HTML5文档类型。正如道格拉斯奎德所说，你会活得更久。

！声明文档类型

我只是在想，如果你得到了HTML5的这段代码，你可能会怀疑这段代码是否可靠。不用担心，这现在是可行的，只是老浏览器需要特定的doctype。如果浏览器不知道doctype，它将简单地以标准模式呈现包含的标签。所以，妹子，大胆前行，豁出去了，拥抱新的HTML5文档类型。

二、图形元素(The Figure Element )

请看下图中添加的标签:

img src=' path/to/image ' alt=' About image '/pimageommars。/p

文本被包装在P标签中，这和img标签是一样的。很难想到这就是标题。HTML5采用图形元素对此进行了修正。当结合figcaption元素时，我们可以在语义上认为这是图片对应的标题

figure img src=' path/to/image ' alt=' About image '/fig caption pt这是一个有趣的图像。/p/fig caption/数字

三、small重新定义

不久前，小元素被用于创建接近徽标的副标题。这是一个非常有用的表达式元素，但是现在，这个用法可能不正确。小元素被重新定义为小字，所以更有用。想象一下你网站底部的版权状态。根据这个元素新的HTML5定义，small可以正确的封装这个信息。

小元素指的是“小字”。

四、脚本(scripts)和链接(links)无需type

您可能仍在向链接和脚本标记添加类型属性。

link rel='样式表' href='路径/to/样式表. CSS ' type=' text/CSS '/script type=' text/JavaScript ' src='路径/to/script.js'/script

这是老黄花菜，没必要。这意味着这些标签都指向样式表和脚本。因此，我们可以一起杀死类型属性。

link rel='样式表' href='路径/到/样式表. css' /脚本src='路径/到/脚本. js '/脚本

五、引号还是不要引号

.这确实是个问题。记住，HTML5不是XHTML。如果不想，就不用用引号把属性括起来，也不用关闭元素。换句话说，只要你觉得舒服，就没有对错。我自己也是这样。

p class=myClass id=someId启动反应堆。

你得自己做决定。如果你更喜欢结构化的文档，即使天塌下来，你也要把引号牢牢的抱在怀里。

六、内容可编辑

最新的浏览器有一个很棒的新属性，可以应用于元素，叫做contenteditable。考虑名称意味着允许用户编辑元素内容中包含的任何文本，包括子元素。还有许多类似的用途，例如简单的待办事项应用程序，可以利用其本地存储。

Ul内容可编辑='真' li悼念去世的香港同胞/li li深圳经济特区成立30周年/li李意淳空难/li /ul

或者，根据前面学到的一些技巧，我们可以这样写：

ul contenteditable=true

你可以点击这里硬：HTML5内容可以编辑演示

七、Email输入(Inputs)

如果我们将名为“电子邮件”的类型属性应用于表单输入框，我们可以命令浏览器只允许符合有效电子邮件地址结构的字符串。是的，内置表单验证即将到来。由于一些显而易见的原因，我们不能依赖内置验证。老一点的浏览器不知道这种“邮件”类型，所以干脆返回普通文本框。

表单操作=' '方法