HTML5五大新特征解析

前言： 一、新的Doctype ”doctype”中文意思指“文档类型” !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

一、新的Doctype

”doctype”中文意思指“文档类型”

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

使用新的HTML5文档类型代替吧。你会活得更久您可能会对这段代码究竟靠不靠谱表示怀疑。不用担心，如今这是可行的，只有老的浏览器需要一个特定的doctype(文档类型)。浏览器如果不知道doctype，就会很简单的以标准模式对包含的标签进行渲染。

二、图形元素(The Figure Element )

看看下面给图片添加的标示：

<img src="path/to/image" />
<p>Image of Mars. </p>

文字裹在p标签里，与img标签各行其道，很难让人联想到这就是标题。

HTML5通过采用元素对此进行了改正。当合元素组合使用时，我们就可以语义化地联想到

这就是图片相对应的标题

<figure>
<img src="path/to/image" />
<figcaption>
<p>This is an image of something interesting. </p>
</figcaption>
</figure>

三、重新定义

还在不久前，元素被用来创建靠近logo且相关的副标题。这是个很有用的表现元素，但是，现在，这种用法可能就不正确了。元素已经被重新定义了，指小字，因而更具可用性。试想下你网站底部的版权状态，根据对此元素新的HTML5定义，可以正确地包裹这些信息。

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

您可能现在仍在给link和script标签增加type属性。

<link rel="stylesheet" href="path/to/stylesheet.css" type="text/css" />
<script type="text/javascript" src="path/to/script.js"></script>

这已经是老黄花菜，非必需品了。这意味着，这些标签都各自指向样式表和脚本。因此，我们可以把type属性一起干掉。

<link rel="stylesheet" href="path/to/stylesheet.css" />
<script src="path/to/script.js"></script>

五、引号还是不要引号

…这确实是个问题。记住，HTML5不是XHTML，要是你不愿意，你没有必要非得用引号标记包裹你的属性，没有必要非得闭合元素。换句话说，只要你自己觉得舒服，就没有什么对错之分。对于我自己来说就是如此。

<p class=myClass id=someId> Start the reactor.

对此取舍你还得自己拿主意。如果你更倾向于结构化的文档，就算天塌下来，也要把引号牢牢拽在怀里。

Web教程网是一个专注于技术资讯的综合性门户网站。是Web爱好者学习交流的网站,这里提供大量实用的技术文档及相关资源下载，是网页设计、网络编程人员及其爱好者必备网站。

免责声明：本站文章均由入驻起航学习网的会员所发或者网络转载，所述观点仅代表作者本人，不代表起航学习网立场。如有侵权或者其他问题，请联系举报，必删。侵权投诉

你也许会喜欢如下的文章？

(责任编辑：深圳学历教育网)

起航学习网