学习28个HTML5特征、窍门和技术

small元素专指“小字”。

四、脚本(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>

五、引号还是不要引号

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

六、内容可编辑

最新的浏览器有个很赞的新属性可以应用到元素上，叫做contenteditable。顾名思意，就是允许用户编辑元素内容包含的任意文本，包括子元素。类似的用途还有很多，像是简单的待办事项清单应用程序，可大大利用其本地存储的优势。 

    <h2> To-Do List h2>
     <ul contenteditable="true">
        <li> Break mechanical cab driver. li>
        <li> Drive to abandoned factory
        <li> Watch video of self li>
     ul>

七、Email输入(Inputs)

 如果我们给表单输入框应用名为”email”的type属性，我们可以命令浏览器只允许符合有效的电子邮件地址结构的字符串。没错，内置表单验证即将到来，由于一些显而易见的原因，我们还不能100%依赖内置验证，较旧的浏览器不认识这个”email”型，它们会简单地退回到普通文本框。

<form action="" method="get">
    <label for="email">邮箱:label><input id="email" name="email" type="email" /> 
    <button type="submit">确定button>
form>

八、占位符(Placeholders)

按照以往的做法，我们需要使用一点Javascript代码实现占位符效果。当然，你需要设定一个初始的默认的value值，然后根据输入内容进行判断，从而决定文本框值的改变与否。如果您使用占位符(placeholders)属性，一切就轻松了。

<input name="email" type="email" placeholder="doug@givethesepeopleair.com" />

九、本地存储(Local Storage)

多亏了本地存储(非正式的HTML5，本着方便归纳的目的)，我们可以让高级浏览器记住我们的编辑后的内容，即使浏览器被关掉或是页面刷新。

//原视频默认展示的是YouTube视频，不FQ看不了，所以，这里展示来自另外一个网站的video。建议全屏观看，以看清其中的HTML与Javascript代码

尽管显然不支持所有的浏览器，我们可以在Internet Explorer8时，Safari 4和Firefox 3.5下期待此工作方式。请注意，为了弥补旧的浏览器将无法识别本地存储，你应该先测试，以确定window.localStorage是否存在。

十、语义的Header和Footer

那些过往的日子：

<div id="header">
    ...
div>

<div id="footer">
    ...
div>

div嘛，很自然的，没有语义化的结构——即使在应用了id后。现在，通过HTML5，我们可以使用和