html5 的新标签

PHPABC Html5 775 次浏览 , 没有评论

多媒体标签

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

Go