网页制作

HTML5对比HTML4的主要改变和改进总结
网页制作 2024/12/30 佚名
3 2

这段时间一直在帮老师做项目比较忙，经常课都没去上，就泡在实验室里，也没什么时间看其他东西了。我在项目中分配到了前端页面设计这一块，有时候浏览网页看到移动端APP和html5最近都比较火的，随着移动互联网快速发展，尤其是4G时代已经来临，加上微软在win10中搭载了新的浏览器edge取代了IE的地位，所以现在很多网站都开始抛弃IE朝着html5发展，这是一种趋势，尤其是在移动端网页这块，而PC端在不同浏览器之间还是有部分兼容性问题亟待解决，但是不久的将来，html5将会成为浏览器标记语言的霸主。

什么是html5？
html5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言，随后与W3C组织的xhtml2.0(标准)相结合，产生现在最新一代的超文本标记语言。可以简单点理解成：HTML 5 ≈ HTML+CSS 3+javascript+API

我们现在web前端开发的静态网页，一般都是html4.01。同时符合W3C规范。那么他们两者直接又有什么实质性的区别呢？

1.在文档类型声明上
　　html:

XML/HTML Code复制内容到剪贴板
  1. 　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. 　　<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">  

　　html5:

XML/HTML Code复制内容到剪贴板
    XML/HTML Code复制内容到剪贴板
    1. <!DOCTYPE html>    
    由这两者对比可见：在文档声明上，html4有很长的一段代码，并且很难记住这段代码，想必很多人都是靠工具直接生成的吧？而html5却是不同， 只有简简单单的声明，这也方便人们的记忆。

2.设置页面字符编码
在HTML5中可以使用对<meta>元素直接追加charset属性的方式来指定字符编码， 如下所示：

　　html:<meta charset= “UTF-8 ”>

　　html5:<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

从HTML5开始， 对于文件的字符编码推荐使用UTF-8。

3.在结构语义上
　　html:没有体现结构语义化的标签，我们通常都是这样来命名的div id="header".这样表示网站的头部。

　　html5:在语义上却有很大的优势。提供了一些新的标签，比如:header、article、footer

提供这样的标签有什么样的好处呢？我觉得最主要还是在SEO的优化上，不管是我们自己来对网页模块命名，还是有这样的标签。因为做网站 最终的目的只有一个，那就是盈利。想盈利的话，就只有通过SEO优化的技术，把你网站排名做上来，这样你的网站才有价值，正是这一点，html5符合了这一点。为什么这么说呢？因为他定义的这些标签，更加有利于优化，蜘蛛能识别你。

4.其他新增内容
新增的input类型包括：number(数字)，date(日期)，color(颜色)，range(范围)等等。

新的内联元素包括 time、meter 和 progress。

新的内嵌元素有 video 和 audio。新的交互元素有 details、datagrid 和 command。

5.<canvas>标签替代Flash
Flash给很多Web开发者带来了麻烦，要在网页上播放Flash需要一堆代码和插件。<canvas>标签使得开发者只要使用一个标签就 能和用户产生UI交互。虽然目前<canvas>标签还不能实现Flash的所有功能，但是很快<canvas>就会让 Flash看起来老土，哈哈！

6.废除的元素
能用css替代的元素：对于basefont、big、font、s、tt、u、这些元素，由于它们的功能都是纯粹的 画面展示服务的，而HTML5中提倡把画面展示性功能放在css样式中统一编辑，所以将这些元素废除。

不再使用Frame框架：由于frame框架对网页可用性存在负面影响，html5中不支持frame，只支持iframe框架，或者用服务器创建的多个页面组成的复合页面的形式。

只有部分浏览器支持的元素：applet、bgsound、blink、marquee等元素。bgsound和marquee只被ie支持，被html5废除。其中applet元素可由embed元素或object元素替代，bgsound元素可由audio元素替代，marquee可以由javascript编程方式替代。

总结：虽然在前几年html5已经出来了，但是那时候因为不够成熟，时机不对，才没被兴起。在这互联网高速发展的时候，也是来临4G的时代。 我们还不学习hml5+css3我们就out了！

标签：
HTML5,HTML4
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
无争山庄资源网 Copyright www.whwtcm.com

评论“HTML5对比HTML4的主要改变和改进总结”

暂无“HTML5对比HTML4的主要改变和改进总结”评论...
www.whwtcm.com 无争山庄资源网
129,905影音资源
244,626技术资源
111,817软件资源
578,645站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
无争山庄资源网 Copyright www.whwtcm.com