html5所具有的独特特征及技术

前端的发展一直在不断的更新，恕不注意就会被丢在后面，所以想要攻破html5必须要了解它的一些技巧和特征。

一、一个网站必须文件Doctype

首先，此文档表示“文档类型”，使用新的html5文档类型，只有老的浏览器需要一个特定的doctype，如果浏览器不明白doctype，它会以简

单的标准模式对其进行渲染。

二、图形元素

以前的图片代码一般是<img src="图片路径"><p>图片标题</p>，可能起先的目的是要表示图片和图片名称，但是却很难让人将其联想到一块

儿，所以html5采用了先进的技术将图片和标题联系在一起，
<figure> <img src="图片路径" alt="图片名称" /> <figcaption> <p>图片标题名称</p> </figcaption> </figure>

三、<small>重新定义

在以前的话，此元素用来赋予logo旁边的副标题，但是现在的话，此元素被重新定义了，根据html5语义，此元素可以正确的包裹这些信息，

专门定义“小字”。

四、scripts和links的脚本调用不需要type

一般网页中js的调用会用到scripts，而css的调用就会用到links的属性，而此两个代码的调用都会用到type，而对于html5来说，这些都
已经过时了，html5的调用就不需要用上type了，直接简单明了的用
<link rel="stylesheet" href="css调用路径" /> <script src="js调用路径"></script>

五、属性的引号需要不需要

html5的出现，好像让代码更加的简洁了，关于属性中要不要用引号，只要自己习惯了，加不加引号都不重要，如果非要遵守标签语义化，
那么就加上。

六、表单中的占位符

大家可能都看到过表单中默认的占位符，以往这些占位符可以通过js和命名中添加value默认值便可以显示，而如今，只需要添加新的属性
（placeholders）,不过目前此属性可能还有些限制，不能用于全部的浏览器。

七、语义标签（header和footer）

将以前的
<div id="header">
 ...
</div>

<div id="footer">
 ...
</div>
换成html5的标签
<header>
 ...
</header>

<footer>
 ...
</footer>
这些代码将看上去更加让人明白头部和底部信息分类。

html5的出现，有些人还不能很好的理解什么是html5,有人会误以为svg是html5，其实不是，它至少有出来五年了，css3也只是css，
web sockets它也有它自己的一套准则。

html5的出现，让代码更简单，功能的实现更方便易用。