多媒体标签
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
* 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 //下划线文本。