这段时间一直在帮老师做项目比较忙,经常课都没去上,就泡在实验室里,也没什么时间看其他东西了。我在项目中分配到了前端页面设计这一块,有时候浏览网页看到移动端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
复制内容到剪贴板
html5:
xml/html code
复制内容到剪贴板
由这两脊椎疼者对比可见:在文档声明上,html4有很长的一段代码,并且很难记住这段代码,女公务员想必很多人都是靠工具直接生成的吧?而html5却是不同, 只有简简单单的声明,这也方便人们的记忆。
2.设置页面字符编码
在html5中可以使用对<meta>元素直接追加chart属性的方式来指定字符编码, 如下所示:
html:<meta chart= “utf-8 ”>
html5:<meta http-equiv=”content-type” content=”text/html; chart=utf-8″ />
从html5开始, 对于文件的字符编码推荐使用utf-8。
3.在结构语义上
html:没有体现结构语义化的标签,我们通常都是这样来命名的div id=”header”.这样表示网站的头部。
ht非洲旅游ml5:在语义上却有很大的优势。提供了一些新的标签,比如:header、article、footer
提供这样的标签有什么样的好处呢?我觉得最主要还是在o的优化上,不管是我们自己来对网页模块命名,还是有这样的标签。因为做网站 最终的目的只有一个,那就是盈利。想盈利的话,就只有通过o优化的技术,把你网站排名做上来,这样你的网站才有价值,正是这一点,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替代的元素:对于bafont、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+cspassions3我们就out了!
本文发布于:2023-04-03 05:04:58,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/e5f9accadcce9cbecb56918abd64fbce.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:HTML5对比HTML4的主要改变和改进总结.doc
本文 PDF 下载地址:HTML5对比HTML4的主要改变和改进总结.pdf
留言与评论(共有 0 条评论) |