了解HTML5

PHPABC Html5 929 次浏览 , 没有评论

html5是正在起草的最新超文本标记语言,大部分的主流浏览器(ff3.5, chrome, opera, Safari)都已经支持了html5,有一句话说的好“XHTML 2: 出师未捷身先死, HTML 5:万千宠爱于一身”,我个人也比较倾向于html5这种标准,很多浏览器厂商对于html5也是表现了前所未有的热情,因此html5或许不久后将成为主流,有一个网站html5 gallery列举了一些正在使用html5的网站,可以查看一下他们的源码。那么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>

【结构化标签】

<section>
<header>
<footer>
<nav>
<article>
<aside>
<figure>

【内联标签】

<mark>
<time>
<meter>
<progress>

新增的Form Input类型

* datetime
* datetime-local
* date
* month
* week
* time
* number
* range
* email
* url

【不建议使用的标签】

* acronym
* applet
* basefont
* big
* center
* dir
* font
* frame
* frameset
* isindex
* noframes
* noscript
* s
* strike
* tt
* u

【交互性标签】

<details>
<datagrid>
<menu>

【其它方面的变化】

新的文档类型声明
<!DOCTYPE HTML>

href属性
你可以在任何html元素上加href,让其成为可以链接的。
Asynchronous属性
通过给script加async属性来决定脚本是否异步加载,这样可以防止阻断网站。

发表评论

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

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

Go