html5与html4区别

一、推出理由及目标

HTML5的出现,对于WEB来说意义重大,因为它的意图是想把目前web上存在的各种问题一并解决掉。

·web浏览器之间的兼容性很低

·文档结构不够明显

·web应用程序的功能受到限制

世界知名浏览器厂商对HTML5的支持:微软’Google、苹果、Opera、Mozilla

二、语法的改变

·内容类型

·DOCTYPE声明

·指定字符编码

·可以省略标记的元素

·具有boolean类型值得属性

·省略引号

三、新增的元素和废除的元素

新增的结构元素

section、article、aside、header、hgroup、footer、nav、figure

新增的其他元素

video、audio、embed、mark、progress、meter、time、ruby,rt,rp,wbr,canvas,command,details,datagrid,keygen,output,source,menu

新增的input元素的类型

email,url,number,range,DatePickers

废除的元素

·能使用css替代的元素:basefont,big,center,font,s,tt,u

·不再使用frame框架

·只有部分浏览器支持的元素

.其他被废除的元素

四、新增的属性和废除的属性

新增的属性

·表单相关的属性

·链接相关的属性

·其他属性

废除的属性

五、全局属性

可以对任何元素都使用的属性

·contentEditable属性:允许用户编辑元素中的内容,该元素必须是获得鼠标焦点的元素,布尔值类型。

1 <h2>可编辑列表</h2>
2 <ul contenteditable>
3     <li>列表1</li>
4     <li>列表2</li>
5     <li>列表3</li>
6 </ul>

·designMode属性:用来制定整个页面是否可编辑,designMode属性只能在js脚本里被修改编辑,该属性值有两个值,一个是on,一个是off

·hidden属性:html5中所有元素都可以使用该属性,true  false  布尔值。

1 <h2>可编辑列表</h2>
2 <ul hidden="">
3     <li>列表1</li>
4     <li>列表2</li>
5     <li>列表3</li>
6 </ul>

·spellcheck属性:针对input元素和textarea文本输入框提供的属性,对用户输入的内容进行拼写和语法检查。

·tabindex属性:开发中的一个基本概念,当不断敲击tab键,让窗口或页面中的控件获得焦点,对窗口或页面中的所有元素进行遍历,指的是对所有控件进行遍历,每一个控件的tabindex表示该控件是第几个被访问到的。默认只有a 和input元素可以通过tab键进行遍历,给其他元素加上tabindex属性后,也可以通过tab键获得焦点.tabindex值改为-1时,tab键获得不到焦点。

1 <a href="#" tabindex="1">hello</a>
2 <a href="#" tabindex="3">hello</a>
3 <a href="#" tabindex="2">hello</a>
4 <ul tabindex="4">
5     <li>22</li>
6     <li>22</li>
7     <li>22</li>
8     <li>22</li>
9 </ul>
原文地址:https://www.cnblogs.com/baixuemin/p/4718196.html