网站建设资讯详细

网页制作HTML5几大改进点

发表日期:2022-12-17 17:12:02   作者来源:admin   浏览:1982       

HTML5是浏览器显示网页和与网页交互的最新标准。它于2014年获得批准,是14年来HTML的首次更新。 HTML5的目的主要是为了让web开发人员和浏览器创建者更容易遵循基于共识的标准,使遵从性更高效和授权。它还旨在为桌面和移动访问者提供更好、更快、更一致的用户体验。

 

以下是HTML5中的几个关键改进:

 新的图形库:HTML5引入了Canvas和WebGL函数库,可以让网站内容变得更加丰富。特别是WebGL函数库,几乎可以改变这一领域的整个游戏规则。

更方便的多媒体内容:如果曾经设计过需要包含许多影音内容的网站,你就会了解那种笨重的感觉。常常需要用一堆Flash加上<object>和<embed>标记才能获得想要的效果。但是以后再也不用这么麻烦了,HTML5引入了容易使用的<video>和<audio>标记,所以要在网站上加入多媒体内容变得比以往更加容易。也正因为有这样的功能,所以很多在线视频网站已经开始转移到HTML5了。

 地理定位:人们越来越少通过台式机甚至笔记本电脑来使用网络了。在今天,有很多人通过手持可移动设备浏览网络,例如智能手机和平板电脑。目前这种移动化的网络访问特征,再加上新的地理定位功能,结合在一起开创了无数新的可能性。当用户访问你的网站时,可以知道他们的精确位置,让你能够提供个性化内容,以配合用户所在的环境。例如,当访问一个与郊游有关的网站时,如果发现你处于闹市区,就可以提供行程规划相关的信息;但如果你是在郊区位置访问该网站,则默认会显示互动式地图功能。

 

HTML5的新元素

HTML5中最基本的新元素使得布局网页和调试代码或其他代码变得更容易。它还使自动化服务更容易地扫描网络,并理解不同页面组件的重要性。

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

在文档声明上 html4有很长的一段代码 并且很难记住这段代码 想必很多人都是靠工具直接生成的吧 而html5却是不同 只有简简单单的声明 这也方便人们的记忆。

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

html:

html5:

从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.标签替代FlashFlash给很多Web开发者带来了麻烦 要在网页上播放Flash需要一堆代码和插件。标签使得开发者只要使用一个标签就能和用户产生UI交互。虽然目前标签还不能实现Flash的所有功能 但是很快就会让 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编程方式替代。