html5 的新标签

多媒体标签

html5为作图、音频、视频引入了一组新的标签，这些标签可以让浏览器的体验更好，并且让我们在互联网上浏览媒体更加标准化。

<canvas>
canvas可以让你很容易地画矩形、曲线、直线，但是还是有一些局限，比如描边和阴影。要画图首先要在页面加入一个canvas标签，然后是通过 javascript来做画图这件事。例如：

<canvas id=”the_canvas” width=”200″ height=”200″>
<p>Your browser doesn’t support the canvas tag.</p>
</canvas>

var drawingCanvas = document.getElementById(’the_canvas’);
下面是检测dom是否存在这个canvas以及浏览器是否支持canvas标签

if(drawingCanvas.getContext) {
// Create the 2D drawing canvas
var context = drawingCanvas.getContext(’2d’);
//Canvas commands go here
}

<audio>//声音内容。

<video> //视频内容.

结构化标签

这个的意义除了代替满眼的div标签外，好像没什么别的意义，我个人觉得如果可以发展成自定义标签名也不错。

<section> //章节

<header> //头部

<footer> //页脚

<nav> //导航

<article> //文章内容

<aside> //文章相关

<figure> //定义媒介内容的分组，以及它们的标题。

内联标签

<mark>

<time>

<meter>

<command> //定义命令按钮，比如单选按钮、复选框或按钮。

新增的Form Input类型

* datetime

* datetime-local

* date

* month

* week

* time

* number

* range

* email

* url

交互性标签

<menu>

其它方面的变化

新的文档类型声明

<!DOCTYPE HTML>

href属性
你可以在任何html元素上加href，让其成为可以链接的。

Asynchronous属性
通过给script加async属性来决定脚本是否异步加载，这样可以防止阻断网站。

不建议使用的标签

基本去除了一些没用标签，把外观样式全交给css。

* acronym //用abbr取代（作用:缩写）

* applet

* basefont

* big //大号文本

* center //居中

* dir //目录列表。

* font //字体

* frame //子窗口（框架）。

* frameset //框架的集。

* isindex //单行的输入域

* noframes //noframes 部分。

* noscript // noscript 部分。

* s //加删除线的文本。

* strike //加删除线的文本。

* tt //打字机文本。

* u //下划线文本。