HTML5和以前HTML4的区别整理【转】

HTML5是HTML标准的下一个版本。虽然HTML5没有完全颠覆HTML4,但是它们也有一些不同。最新最全的HTML5-HTML4对比信息请看http://dev.w3.org/html5/html4-differences/,貌似略多的样子。在这个IE还仍然存在的世界里,HTML5的差别先掌握一些即可,等全部支持后再细细研究也不迟。

1. 简化的语法
HTML5简化了很多细微的语法,例如doctype的声明,你只需要写<!doctype html>就行了。HTML 5 指定 UTF-8 编码的方式如下<meta charset="UTF-8">

2. <canvas>标签替代Flash
Flash给很多Web开发者带来了麻烦,要在网页上播放Flash需要一堆代码和插件。<canvas>标签使得开发者只要使用一个标签就能和用户产生UI交互。

3 新增许多标签
HTML5设计的一个原则是更好的体现网站的语义性,所以增加了<header>和<footer>这样的标签,用来明确表示网页的结构;新增 <section> 和 <article> 标签,<section>和<article>也有利于清晰化网页的结构,更有利于SEO;新增 <menu> 和 <figure> 标签,<menu>可以被用于创建传统的菜单,也可以用于工具栏和上下文菜单。<figure>标签使得网页文字和图片的排版更专业; 新增 <audio> 和 <video> 标签,这两个标签可能是HTML5里面最有用的两个标签了,使用起来时也异乎方便,如在HTML5页面中嵌入视频只需一小段:

<video width="450" height="340" controls>
<source src="jamshed.mp4" type="video/mp4">
Your browser does‘nt support video embedding feature.
</video>

同理,音频等其他的也类似。

4. 全新的表单
HTML5对 <form> 和 <forminput> 标签进行了大量修改,添加了很多新的属性,也修改了很多属性,详细http://www.jb51.net/w3school/html5/html_5_form_attributes.htm

5. 删除 <b> 和 <font> 标签,<frame>, <center>, <big> 标签

6.HTML5 支持了不同类型的存储类型

HTML5 支持本地存储,在之前版本中是通过 Cookie 实现的。HTML5 本地存储速度快而且安全。并且HTML5有两种不同的对象可用来存储数据,HTML5通过JS来存储和访问数据:

localStorage 适用于长期存储数据,浏览器关闭后数据不丢失
    sessionStorage 只是针对一个session的数据存储,存储的数据在浏览器关闭后自动删除

总的来说,HTML5已经超越了标记语言的范畴,更富语义的标签将使得HTML5更有用处。Canvas+WEBGL等技术,实现无插件的动画以及图像、图形处理能力;本地存储,可实现offline应用;websocket,一改http的纯pull模型,实现数据推送的梦想;MathML,SVG等,支持更加丰富的render等等等等,现在对于对HTML5的了解还只停留在表面阶段,以后会多阅读一部分HTML5的书籍增加一下见识。

时间: 2024-08-10 21:29:54

HTML5和以前HTML4的区别整理【转】的相关文章

HTML5与HTML4的区别(2)

HTML5学习笔记之二——HTML5与HTML4的区别(2) _人人IT网 三.新增/废除的属性 1.新增的属性 1).表单相关的属性 对input(type=text),select ,textarea与button元素新增自动获取焦点的autofocus属性.auto 三.新增/废除的属性 1.新增的属性 1).表单相关的属性 对input(type=text),select ,textarea与button元素新增自动获取焦点的autofocus属性.autofocus 可以赋值为 aut

HTML5标签与HTML4标签的区别示例介绍_html5教程技巧

(1)概念的变化: HTML5专注内容与结构,而不专注的表现 <header> <hgroup>导航相关数据</hgroup> </header> <nav>菜单</nav> <article> <h1>标题:HTML5专题视频教程</h1> (2)声明与标签: HTML5在更多的声明和标签上面做了简化,也对兼容做了详细的规定,废除了部分元素,增加了部分元素. HTML5标签语法介绍及新增标记 1.

HTML5和HTML4的区别技术博文

HTML5和HTML4的区别:HTML5新标签的用法解释(部分) 1.<audio>标签 <audio>标签定义声音,比如音乐或其他音频流. HTML5: <audio src="someaudio.wav">您的浏览器不支持audio标签.</audio> HTML4: <object type="application/ogg" data="someaudio.wav"><pa

HTML4 和 HTML5 的10个关键区别

1. HTML5 标准还在制定中首先要注意的是,HTML5虽然现在很火,但是HTML5标准还在制定中,标准仍在改变.HTML4已经10多年了,不会有任何改变了. 2. 简化的语法HTML5简化了很多细微的语法,例如doctype的声明,你只需要写<!doctype html>就行了.HTML5与HTML5,XHTML1兼容,但是与SGML不兼容. 3. <canvas>标签替代FlashFlash给很多Web开发者带来了麻烦,要在网页上播放Flash需要一堆代码和插件.<ca

HTML5新标签含义,用法及其与HTML4的区别

1.<article>: 定义独立的内容,如论坛帖子,博客条目,用户评论等内容. HTML5:<article></article> HTML4:<div></div> 浏览器支持: IE9+,Firefox,Chorme,Safari,Opera. 2.<aside>: 定义两栏或多栏的侧边栏内容,如联系我们,客服,网站公告,广告等内容. HTML5:<aside>Aside 的内容是独立的内容,但应与文档内容相关.&l

HTML5新标签的用法和HTML4的区别

embed 标签定义嵌入的内容,比如插件. HTML5: embed src="horse.wav"  HTML4: object data="flash.swf"  type="application/x-shockwave-flash" object figcaption 标签定义 figure 元素的标题.”figcaption” 元素应该被置于 “figure” 元素的第一个或最后一个子元素的位置. HTML5:figure figcap

atitit.html5 vs 原生 app的区别与选择

atitit.html5  vs 原生 app的区别与选择 1. html5的优点 1 1.1. 最大优势::在跨平台(ios苹果,android安卓等) 1 1.2. 开放性 1 1.3. 快速的更新,热更新 2 1.4. 开发成本上 2 1.5. 碎片化 2 2. 原生app 应用的优点 2 2.1. 对游戏等要求性能的app更好 2 2.2. 原生应用最大的优势就是可以访问设备中的所有功能 2 2.3. 对摄像头.电话本,相机,游戏等操作支持的好,对语音,联系人和日历,也支持比较好. 2

IHttpModule与IHttpHandler的区别整理

IHttpModule与IHttpHandler的区别整理1.先后次序.先IHttpModule,后IHttpHandler. 注:Module要看你响应了哪个事件,一些事件是在Handler之前运行的,一些是在Handler之后运行的2.对请求的处理上:IHttpModule是属于大小通吃类型,无论客户端请求的是什么文件,都会调用到它;例如aspx,rar,html的请求.IHttpHandler则属于挑食类型,只有ASP.net注册过的文件类型(例如aspx,asmx等等)才会轮到调用它.3

ref与out之间的区别整理 摘自与望楼http://blog.csdn.net/xiaoning8201/article/details/6893154

ref和out都是C#中的关键字,所实现的功能也差不多,都是指定一个参数按照引用传递. 对于编译后的程序而言,它们之间没有任何区别,也就是说它们只有语法区别. 总结起来,他们有如下语法区别: 1.ref传进去的参数必须在调用前初始化,out不必,即: int i; SomeMethod( ref i );//语法错误 SomeMethod( out i );//通过 2.ref传进去的参数在函数内部可以直接使用,而out不可: public void SomeMethod(ref int i)