html5的新标签

2009.10.09 作者: 小V - 0 评论
文章分类: (x)Html/css

多媒体标签

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> //视频内容.

<embed>//插件内容

结构化标签

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

<section>  //章节

<header>   //头部

<footer>   //页脚

<nav>    //导航

<article>  //文章内容

<aside>   //文章相关

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

内联标签

<mark>

<time>

<meter>

<progress>

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

新增的Form Input类型

* datetime

* datetime-local

* date

* month

* week

* time

* number

* range

* email

* url

交互性标签

<details>

<datagrid>

<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        //下划线文本。

相关文章