HTML4和HTML5之间10主要差异
HTML5恐怕要让部分网页工作者抓狂了,HTML5将採用标准的XML语法格式,这对代码的规范要求很高。
HTML5是最新的HTML标准。尽管还在制定。但或迟或早,全部的web程序猿都会发现须要使用到这个最新的标准。并且,非常多人都会感觉到,又一次开发一个HTML5的站点。要比把一个网
站 从HTML4迁移到HTML5 上easy的多,这是由于这两个版本号之间有非常大不同之处。事 实上,HTML5并没有对HTML4做什
么重大的修改,还保留了大部分HTML4的长处,以至于过度不致于那么困难。
但是,当中有一些非常重要的差别须要知道。
以下列出的就是一些HTML4和HTML5之间10个关键的不同之处:
1. HTML5 标准还在制定中
首先要注意的是,HTML5尽管如今非常火,可是HTML5标准还在制定中,标准仍在改变。
HTML4已经10多年了。不会有不论什么改变了。还有一方面,HTML5仍处在早期阶段,以后的改动会不断的出现。这就是眼下为止。最好在产品里使用HTML4,仅仅在实验里使用HTML。
2. 简化的语法
HTML5简化了非常多细微的语法。比如doctype的声明,你仅仅须要写<!doctype html>即可了。HTML5与HTML5,XHTML1兼容,可是与SGML不兼容。
3. <canvas>标签替代Flash
Flash给非常多Web开发人员带来了麻烦。要在网页上播放Flash须要一堆代码和插件。
<canvas>标签使得开发人员仅仅要使用一个标签就 能和用户产生UI交互。
尽管眼下<canvas>标签还不能实现Flash的全部功能,但假以时日,Flash必将从web上淘汰。
4.
新增<header> 和 <footer> 标签
HTML5设计的一个原则是更好的体现站点的语义性,所以添加了<header>和<footer>这种标签,用来明白表示在网页的结构。
5.新增 <section> 和 <article>
标签
与<header>, <footer>类似。<section>和<article>也有利于清晰化网页的结构,更有利于SEO。
6.新增 <menu> 和 <figure>
标签
<menu>能够被用于创建传统的菜单。也能够用于工具栏和上下文菜单。<figure>标签使得网页文字和图片的排版更专业。
7. 新增 <audio> 和 <video> 标签
这两个标签可能是HTML5里面最实用的两个标签了。顾名思义。这两个标签是用来播放音频和视频的。
8. 全新的表单
HTML5对 <form> 和 <forminput> 标签进行了大量改动。加入了非常多新的属性,也改动了非常多属性。
9.去掉 <b> 和 <font> 标签
这个改进我还无法理解。
我不觉得删除这两个标签对代码的改进有非常大的帮助。官方的解释是应该用CSS来替代这两个标签。但我还是觉得对于简单的文本,这两个标签还是非常方便的。
10. 去掉 <frame>, <center>, <big> 标签
其实,我已经记不清以前何时用过这些标记了,所以,我并不为去除这些标记感到悲哀。
同样的原因,有更好的标记能实现它们的功能——这非常好,不论什么作废的标记从标准中剔除都是受欢迎的。
尽管如今大多数流行的浏览器的最新版都支持HTML5,但有些新的(或改动的)标记和属性它们并不支持,所以你的网页在用户的屏幕上有可能前后显示的不一致。但我相信它可以在不久的将来所有的浏览器使用。
版权声明:本文博客原创文章,博客,未经同意,不得转载。
HTML4和HTML5之间10主要差异的更多相关文章
- HTML4 和 HTML5 的10个关键区别
HTML5是HTML标准的下一个版本.越来越多的程序员开始HTML5来构建网站.如果你同时使用HTML4和HTML5的话 ,你会发现用HTML5从头构建,比从HTML4迁移到HTML5要方便很多.虽然 ...
- HTML4,HTML5,XHTML 之间有什么区别?
原始日期:2014-10-25 14:12 我来从HTML的历史谈谈他们3者的区别.在HTML的早期发展中,W3C成立之前,很多标准的制定都是在浏览器的开发者们互相讨论的情况下完成的,比如HTML 2 ...
- ThinkPHP5 与 ThinkPHP3.* 之间的使用差异
因为研究TP5时间不是很长,暂时先列以下几处差异: 1.过去的单字母函数已完全被替换掉,如下: S=>cache,C=>config,M/D=>model,U=>url,I=& ...
- html4,xhtml,html5发展历史
SGML SGML 是一种很强大但很复杂的标记语言,HTML.XML 就是从中衍生出来的.SGML 的例子如下:<QUOTE TYPE="example"> typic ...
- html4与html5的区别及html5的一些新特性
区别 1.html5语法的改变 HTML5简化了很多细微的语法,例如: 1.1doctype的声明; html4: <!DOCTYPE HTML PUBLIC "-//W3C//DTD ...
- Html4与Html5的关键区别
HTML5是下一代HTML标准版本,4与5有很多相同之处,有HTML从头构建,比4升级到5要方便. 以下是10个关键区别: 1.HTML5最近很火,但是标准还在制定,4则十年之多了,不会6变: 2.简 ...
- (html4与html5分别实现)用一个表单向php界面提交不同的命令
先看上面的表单实例,分别有3个submit,只不过需要根据需要进行选择添加.删除或是修改.现在有两个方案. 方案一: 如果实在HTML4中,可以用下面的代码实现, 即将所有的submit提交到acce ...
- C#和java之间的一些差异与共性
C#与java之间的一些共性和差异整理 隐藏:与java中的重写几乎一致,但是需要添加new关键字让编译器知道,否则会有警告 虚方法:1.声明为virtual的方法就是虚方法,在子类中使用overri ...
- HTML4 And HTML5 标签整理
一.文字备忘之标签 HTML5中新增的标签<article> 定义文章 <aside> 定义页面内容旁边的内容 <audio> ...
随机推荐
- spring mvc接收JSON格式的参数
1.配置spring解析json的库 <dependency> <groupId>org.codehaus.jackson</groupId> ...
- [置顶] dubbo管理控制台安装
dubbo管理控制台开源部分主要包含:路由规则,动态配置,服务降级,访问控制,权重调整,负载均衡,等管理功能. 1.下载dubbo 地址:http://code.alibabatech.com/mvn ...
- Nubia Z5S 基于官方H207/4.4内核的Mokee4.4.4 RC3.2 (2014.7.31修复呼吸灯(能亮依旧不能呼吸))
特别感谢 yun3195 和 轻描淡写Yhw 帮忙測试 转帖请务必注明本链接地址: http://blog.csdn.net/syhost/article/details/36444259 此ROM ...
- 改变Edit的光标(使用CreateCaret,ShowCaret和LoadBitmap三个API函数)
看着Edit的光标,是不是觉得了无生趣,想不想换个形状来玩玩,其实很简单,且听我道来. Edit是Windows的标准控件,它是一个系统范围窗口类,所以任何应用程序都能创建它.其实Edit本质上也是一 ...
- ThinkPhp学习08
原文:ThinkPhp学习08 一.普通查询方式 a.字符串 $arr=$m->where("sex=0 and username='gege'")->find(); ...
- 用wireshark解析应用层存储包
工作中常常须要统计server上的rtp包接收.发送性能.不想自己再做一套统计软件,打算用现有的wireshark来做分析统计. 先把rtp头存成pcap格式文件,pcap文件格式及如何存储能够參照这 ...
- 解决Eclipse中文乱码的方法
(1)设置Project的编码格式: 在 Workspace中新建的项目默认继承Workspace的编码设置.我们也能够单独更改某个项目的编码格式.右键点击project.选择 Properties, ...
- 响应VC++ 标题栏右边的关闭按钮“红叉”
击标题栏右边的关闭按钮“红叉”时,程序会向窗口发送WM_CLOSE消息,因此可以截取此消息在窗口关系前做一些提示或者是不允许点击时关闭程序 case WM_CLOSE: if (...) { Post ...
- LCA 最近公共祖先 tarjan离线 总结 结合3个例题
在网上找了一些对tarjan算法解释较好的文章 并加入了自己的理解 LCA(Least Common Ancestor),顾名思义,是指在一棵树中,距离两个点最近的两者的公共节点.也就是说,在两个点通 ...
- POJ 3189 Steady Cow Assignment【网络流】
题意:每个奶牛对所有的牛棚有个排名(根据喜欢程度排的),每个牛棚能够入住的牛的数量有个上限,重新给牛分配牛棚,使牛棚在牛心中的排名差(所有牛中最大排名和最小排名之差)最小. 牛棚个数最多为20,那么直 ...