HTML5与HTML4的区别
1、推出理由及目标
2、语法的改变
3、新增的元素和废除的元素
4、新增的属性和废除的属性
5、全局属性
1、推出理由及目标:
HTML5 的出现,对于WEB来说意义是非常重大的,因为他的意图是想把目前WEB上存在的各种问题一并解决掉了。
WEB浏览器之间的兼容性很低;
文档结构不够明确;
WEB应用程序的功能受到了限制;
世界知名浏览器厂商对HTML5的支持:微软、Google、苹果、Opera、Mozilla。
2、语法的改变:
内容类型;内容类型还是html和htm
DOCTYPE声明;<!DOCTYPE html>、<!doctype html>
指定字符编码;<meta charset="UTF-8">
可以省略标记的元素;可以省略
具有boolean值的属性;
省略引号。
3、新增的元素和废除的元素:
新增的结构元素:section、article、aside、header、hgroup、footer、nav、figure。
新增的其他元素:video、audio、embed、mark、progress、meter、time、ruby、rt、rp、wbr、canvas、command、details、datalist、datagrid、keygen、output、source、menu
新增的input元素的类型:email、url、number、range、Data Pickers。
废除的元素:
能使用CSS替代的元素:basefont、big、center、font、s、tt、u等;
不能使用frame框架;
只有部分浏览器支持的元素;
其他被废除的元素。
4、新增的属性和废除的属性:
新增的属性:表单相关的属性、链接相关的属性、其他属性;
废除的属性:
5、全局属性:在HTML5中新增了一个全局属性的概念,所谓全局属性是指可以对任何元素都可以使用的属性,我们来看一下下面几个属性:
contentEditable属性:这个是有微软开发并且被其他浏览器编译并投入应用的全局属性,该属性的主要功能呢是允许用户编辑元素中的内容,所以该元素必须是可以得到鼠标焦点的元素,而且点击鼠标后向用户提供一个插入符号,提示用户该元素内容允许编辑,那么它是boolean类型,可被设为sure和flas;除此之外该属性还要隐藏的寄存状态,属性为sure时元素的可编辑的,属性为flas是元素的不可编辑的;未定sure和flas时则由属性的寄存状态来决定的,如果元素的副元素是可编辑的那么该元素也是可以编辑的;
designMode属性;
hidden属性;
spellcheck属性;
tabindex属性。
html5与html两者的区别
html通常指的是用来写网页的超文本代码,HTML5只是HTML的一个版本,不过它和其他较早的版本比起来,很多标签已经废弃,也增加了很多标签。html从最初仅用来表示文本转变到后来的富文本,甚至多媒体。上面的代码就在页面插入了一张图片。至此,html仅用来表示内容,有时也表示显示样式(现在已用css来描述内容了),还有简单的交互(现在用javascript)。
但是,到这个时候,很多功能在互联网上都要借助插件实现,比如播放多媒体,利用长连接进行通信,RPC等。于是,html5出来了,你可以认为他是html4后面的一个版本,但他不仅仅是html,还包含很多新加入的API,如文件API,websockt等。所以,通常被认为html5是web app开发所用到的html,javascript,css3等的总和。
HTML5与SEO
一、使搜索引擎更加容易抓去和索引
对于一些网站,特别是那些严重依赖于FLASH的网站HTML5是一个大福音。如果你有一个都是FLASH的站点,你就一定会看到切换到HTML5的好处。首先,搜索引擎的蜘蛛将能够抓去你的站点和索引你的内容。所有嵌入到动画中的内容将全部可以被搜索引擎读取。在搜索引擎优化的基本理论中,这一方面将会驱动你的网站获得更多的右击流量。
二、提供更多的功能,提高用户的友好体验
使用HTML5的另一个好处就是它可以增加更多的功能。对于HTML5的功能性问题,我们可以从全球几个主流站点对它的青睐就可以看出。社交网络大亨Facebook已经推出他们期待已久的基于HTML5的iPad应用平台,潘多拉最近也推出他们基于HTML5的音乐播放器的新版本。游戏平台Zynga最近也在推出了三款新的在移动设备浏览器上运行的基于HTML5的游戏等等。每天都有不断的基于HTML5的网站和HTML5特性的网站被推出。保持站点处于新技术的前沿,也可以很好的提高用户的友好体验。
三、可用性的提高,提高用户的友好体验
最后我们可以从可用性的角度上看,HTML5可以更好的促进用户于网站间的互动情况。多媒体网站可以获得更多的改进,特别是在移动平台上的应用,使用HTML5可以提供更多高质量的视频和音频流。到目前位置,事实就是iPhone和iPad将不会支持FLASH,同时ADOBE公司也在近期公开声明将停止FLASH基于移动平台的开发,现在我们已经可以这么说移动平台日后视频音频是HTML5的天下。
可以肯定的是,越来越多的SEOer开始研究对于HTML5站点的优化,对于搜索引擎来说,他们也会不断的更新算法来适应HTML5的发展。
|