Html5与html4的异同

HTML5新特性
HTML5 中一些有趣的新特性:
①用于绘画的 canvas 元素;
②用于媒介回放的 video 和 audio 元素;
③对本地离线存储的更好的支持;
④新的特殊内容元素,比如 article、footer、header、nav、section;
⑤新的表单控件,比如 calendar、date、time、email、url、search"
以上是w3c上的原话,简单说就是更符合标准,提供更多功能支持;更加规范,可读性更强,性能有提升,实现功能更加简单方便,就像手机一样,高版本的功能多一些。
现在越来越多的程序员开始HTML5来构建网站。虽然HTML5与HTML4有很多相似之处,也有一些关键的不同。如果想在你的工作中使用这些新的标记和属性,建议你最好只是做实验,原因是HTML5仍在制定中,这些新标记和新属性在将来也许会有很大的改变,所以你要不断的更新代码,它们很可能会过期失效。所以最好耐心的等到HTML5真正可以实用时候再应用到工作中来。

下边列出了HTML5余HTML4之间10个关键的不同之处
1、HTML5仍然是一个制定中的标准
这第一个也是非常重要的一个区别,虽然与HTML4相比HTML5很酷,很规范,但是这些都无法改变HTML5依然是一个制定中的标准的事实。HTML5仍然处在初级阶段,预期会发生很多变化。你必须把这些因素考虑进来,因为这个你需要不停的更新升级你的网站,这是很不方便的。这也是为什么到目前为止,最好在产品里使用HTML4,只在实验里使用HTML5的原因。HTML4也许已经超过10岁了,但是它作为正式标准的事实一直没变。
2、简化的语法
更简单的doctype声明是HTML5里众多新特征之一。现在只需要写就好了。HTML5的语法兼容HTML4和XHTML1,但不兼容SGML。
3、新的<canvas>标记代替flash
Flash给Web开发者带来了很多麻烦,因为想要在网页上播放Flash需要一堆代码和插件。<canvas>标签使得开发者只要使用一个标签就能和用户产生UI交互。虽然目前<canvas>标签还不能实现Flash的所有功能,但是相信很快就会颠覆并代替flash。
4、新的<header>与<footer>标记
HTML5的设计是要更好的描绘网站的解剖结构。这就是为什么一些像<header>和 <footer>这样的新标记会出现,它们是专门为标志网站的这些部分设计的。用来明确表示网页的结构。
5、新的<section>与<article>与标记
跟<header>与<footer>标记相似,HTML5中引入的新的 <section>和 <article>标记可以让开发人员更好的标注页面上的这些区域。有利于清晰化网页的结构,更有利于SEO。
6. 新的<menu> 和<figure> 标记
新的< menu>可以被用于创建传统的菜单,也可以用于工具栏和上下文菜单。新的< figure>标签使得网页文字和图片的排版更专业。
7. 新的<audio> 和 <video>标记
新的<audio> 和<video> 标记可能是HTML5中增加的最有用处的两个东西了。正如标记名称,它们是用来嵌入音频和视频文件的。
除此之外还增加了新的多媒体的标记和属性,例如<track>,它是用来提供跟踪视频的文字信息的。
8. 表单的全新水平
新的 <form>和<forminput> 标记对原有的表单元素进行的全新的修改,添加了很多的新属性,也修改了很多属性。如果你经常的开发表单,建议花时间更详细的研究一下。
9. 不再使用<b> 和 <font>标记
官方说明是这些标记可以通过CCS来做更好的处理,也许我们以后会习惯这种方法。
10. 不再使用<frame>, <center>, <big>标记
有了更好的标记能实现他们的功能。
这10个HTML5和HTML4之间的不同只是整个新的规范中的一小部分。除了这些主要的变动外,我还可以略提一下一些次要的改动,比如修改了<ol>标记的属性,让它能够倒排序,对<u>标记也做了些修改。
以上十点只是HTML5和HTML4差别的很小一部分,最新最全的HTML5-HTML4对比信息请看:http://dev.w3.org/html5/html4-differences/

摘自 http://www.jianshu.com/p/fa5c54451d1e

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,294评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,493评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,790评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,595评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,718评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,906评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,053评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,797评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,250评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,570评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,711评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,388评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,018评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,796评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,023评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,461评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,595评论 2 350

推荐阅读更多精彩内容