html5新标签用法.pdfVIP

HTML 5 什么是 HTML5？ HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。 HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。 HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。 新特性 HTML5 中的一些有趣的新特性：  用于绘画的 canvas 元素  用于媒介回放的 video 和 audio 元素  对本地离线存储的更好的支持  新的特殊内容元素，比如 article、footer、header、nav、section  新的表单控件，比如 calendar、date、time、email、url、search 浏览器支持 最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将 支持某些 HTML5 特性。 让所有IE支持HTML5的解决方案 在页面head元素内调用html5.js (因为IE必须在元素解析前知道这个元素，所以这个js文件不能在 页面底部调用。) 可以使用IE条件注释来调用这个js文件，这样像FireFox等非IE浏览器就会忽视这段代码，也就不 会有无谓的http请求了。下面这段代码仅会在IE浏览器下运行: !--[if IE] script src=/svn/trunk/html5.js/script ![endif]-- 新的Doctype声明 HTML5 的Doctype声明很短，看到这个声明相信你马上就能记住，不用浪费脑细胞去记那长的有点变态 的XHTML 的Doctype声明了。 !DOCTYPE html HTML5 的简短的DOCTYPE声明是让Firefox、Chrome等现代浏览器和IE6/7/8等浏览器都进入(准)标准 模式，你可能会奇怪IE6/7居然也可以支持HTML5 Doctype，事实上，IE是只要doctype符合 这种格 式，都会进入标准模式。 html标签上不需要声明命名空间。 html xmlns=/1999/xhtml lang=zh-CN !--在HTML5 中，这样写：-- html lang=zh-CN 字符集编码声明也简单了 meta http-equiv=Content-Type content=text/html; charset=UTF-8 / !--在HTML5 中，这样写：-- meta charset=UTF-8 / 去掉了 和 标签的 属性 Javascript CSS type 通常你会在link和script加上type属性： link rel=stylesheet type=text/css href=path/to/stylesheet.css script type=text/javascript src=path/to/script.js/script 在HTML5 中，不再需要type属性了，因为这显得有点多余，去掉之后可以让代码更为简洁。 link href=path/to/stylesheet.css script src=path/to/script.js/script HTML5 标签 4: 指示在 HTML 4.01 中定义了该元素 ，5: 指示在 HTML 5 中定义了该元素 标签 描述 4 5 !--...-- 定义注释。 4 5 !DOCTYPE 定义文档类型。 4 5 a 定义超链接。 4 5 abbr 定义缩写。