html5 与html4 的不同之处

最新推荐文章于 2024-06-14 14:32:20 发布

zuowu

最新推荐文章于 2024-06-14 14:32:20 发布

阅读量1.1k

点赞数

文章标签： html html5 datagrid audio javascript video

本文链接：https://blog.csdn.net/zuowu/article/details/5585512

版权

新应用程序接口（API）

即时二维绘图

定时媒体播放

储存

离线

编辑

拖放

通讯／网络

后退按钮管理

MIME 和协议处理程序时表头登记

与 HTML 4 的不同之处

新的解析顺序

新的元素：section, video, progress, nav, meter, time, aside, canvas

input 元素的新属性：日期和时间，email, url

新的通用属性：ping, charset, async

全域属性：id, tabindex, repeat

移除元素：center, font, u, strike, s, frameset, frame, applet

HTML 5增加了新的结构元素来表达这些最常用的结构：

◆section: 这可以表达书本的一部分或一章，或者一章内的一节

◆header: 页面主体上的头部。并非head元素

◆footer: 页面的底部（页脚），可以是一封邮件签名的所在

◆nav: 到其他页面的链接集合

◆article: 诸如blog, 杂志，纲要等之中的一条独立记录。

HTML5三个块级元素：

◆aside

◆figure/code>

◆dialog

aside可以用以表达注记、贴士、侧栏、摘要、插入的引用等诸如作为补充主体的内容。比如这样表达blog的侧栏：

figure元素表示一个有说明的块级图片。比如：

<figure> <legend>这是图片的说明</legend> <img alt="图片可替换文本" src="/path/to/img.png" mce_src="/path/to/img.png" /> </figure>dialog元素用于表达人们之间的对话。在HTML 5中，dt用于表示说话者，而dd则用来表示说话者的内容。如：

我现在需要点空……行内（inline）的语义元素，m元素用来标记一些不是那么需要着重强调的文本。现在尚有争议，可能最终会改为mark.

time元素如其名，用来表达时间。它需要一个datetime的特性来标明机器能够认识的时间，如：

<time datetime="2008-08-08T20:08:08">2008年8月8日晚上8时8分8秒</tiem>meter元素表达特定范围内的数值。可用于薪水、百分比、分数等。比如：

很遗憾地告诉你，我只有<meter>150cm</meter>它还有6个特性来表达各方面的含义，比如：

您的分数是：<meter value="88.7" min="0" max="100" low="65" high="96" optimum="100">B+</meter>.
还有一个progress，也是义如其名，用以表达进度：

目标完成度：<progress value="40" max="100">40%</progress>嵌入多媒体

新增video和audio元素。顾名思义，分别是用来插入视频和声音的。至于格式，交由浏览器实现，HTML再也不需要特别的代码去播放特定的格式。就像img一样，不管是png, jpg还是gif都可以显示。值得注意的是，它们可以包含内容。比如，可以把歌词放到某段歌曲中去：

<audio src="谁人伴你睡.mp3" mce_src="谁人伴你睡.mp3"> 泪枯干 难忍怎么委屈自已 曾经有一刻悲与喜 ... </audio>

交互性

HTML 5同时也叫Web Applications 1.0, 因此也进一步发展交互能力。这些标签就是为提高页面的交互体验而生：

details

datagrid