开发必备 HTML5的28个特征、窍门和技术_H5之家 - 中国HTML5教程资源分享第一站

　　端的发展如此之迅猛，一不留神，大侠你可能就会被远远地甩在后面了。如果你不想被HTML5的改变/更新搅得不知所措的话，可以把本文的内容作为必须了解的热身课程。

　　一、新的Doctype

　　//zxx:”doctype”中文意思指“文档类型”

　　仍在使用麻烦的，不可能记得住的XHTML文档类型?

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

　　如果是，为什么还在用呢?使用新的HTML5文档类型代替吧。你会活得更久的——正如Douglas Quaid说的

<!DOCTYPE html>

　　我就琢磨着，为了HTML5搞个这厮代码，您可能会对这段代码究竟靠不靠谱表示怀疑。不用担心，如今这是可行的，只有老的浏览器需要一个特定的doctype(文档类型)。浏览器如果不知道doctype，就会很简单的以标准模式对包含的标签进行渲染。所以，妹妹你大胆的向前冲，把小心谨慎都抛到九霄云外，去拥抱新的HTML5文档类型吧。

　　二、图形元素(The Figure Element )

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

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

　　文字裹在p标签里，与img标签各行其道，很难让人联想到这就是标题。HTML5通过采用元素对此进行了改正。当合元素组合使用时，我们就可以语义化地联想到这就是图片相对应的标题

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