杰晶网络

HTML5对比HTML4的主要改变和改进总结
网页制作 2024/11/23 佚名
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
评论“HTML5对比HTML4的主要改变和改进总结”
暂无“HTML5对比HTML4的主要改变和改进总结”评论...
www.imxmx.com 杰晶网络
8,675无损音乐
1,324高清电影
213破解软件
120,141站长资源
一句话新闻
苹果官宣WWDC 2024！预计会有大批AI功能 - 2024/11/23

3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。

苹果官方表示：

在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。

探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。

Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。

据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。

更新动态

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网