一、HTML5的出现解决了目前Web上存在的各种各样的问题。最突出的表现为3个方面:
1.不同Web浏览器之间兼容性的问题
HTML5的出现,要求所有浏览器执行一个通用的标准,使得不同浏览器之间的兼容性提高
2.文档结构不够明确的问题
追加了根结构相关的元素,可以更清晰明了的体现出各部分作用,不至于在最后分不出每个区块的作用和界线
3.Web应用程序的功能受到限制的问题
HTML5提供大量的新api使得应用程序的接入更加方便
二、HTML在语法上的改变:
1.内容类型,依然为text/html,后缀名依然是.html或.htm
2.DOCTYPE声明,不需要再声明指定的版本
以前:
现在:
3.指定字符的编码格式,不需要再规定文件类型和文件内容,直接指定编码格式
以前:
现在:
4.某些元素可以省略标记
5.具有boolean值的属性
表现为 即前三种表示都为true,最后一种不写属性名的情况为false
6.属性值的引号可以省略
三、新增的元素和废除的元素
1.新增的结构元素
header、footer、article、section、aside、nav、hgroup、figure
2.新增的其他元素
video、audio、canvas等
3.新增的input元素类型
email、url、number、range、date picker
4.废除的元素
a.能用CSS替代的元素,如basefont、big、center、font、s、tt、u等
b.不在使用frame框架,但是依然支持iframe
c.只有部分浏览器支持的元素
四、全局属性,指对任何元素都能使用的属性
1.contenEditable属性,允许用户编辑元素中的内容,元素必须是可以获得鼠标焦点的而且可以插入输入框的,是具有boolean值的属性
今天天气真好
变为可以输入
2.designMode属性,用来指定整个页面是否可以编辑,只能在js脚本里被修改,on为可编辑,off为不可编辑
3.hidden属性,现在所有元素都可以加hidden属性,可以利用js脚本的修改达到元素的隐藏和显示,是具有boolean值的属性,true为隐藏,false为可见
4.spellcheck属性,对可输入的文本进行错误检查
5.tabindex属性,规定可获取焦点的元素在按Tab键时切换的顺序,也可以让无法获取焦点的元素变为可获取焦点
今天天气真好
可以选中焦点