html5与html4区别
2015-08-10 15:43
477 查看
一、推出理由及目标
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属性:允许用户编辑元素中的内容,该元素必须是获得鼠标焦点的元素,布尔值类型。
·designMode属性:用来制定整个页面是否可编辑,designMode属性只能在js脚本里被修改编辑,该属性值有两个值,一个是on,一个是off
·hidden属性:html5中所有元素都可以使用该属性,true false 布尔值。
·spellcheck属性:针对input元素和textarea文本输入框提供的属性,对用户输入的内容进行拼写和语法检查。
·tabindex属性:开发中的一个基本概念,当不断敲击tab键,让窗口或页面中的控件获得焦点,对窗口或页面中的所有元素进行遍历,指的是对所有控件进行遍历,每一个控件的tabindex表示该控件是第几个被访问到的。默认只有a 和input元素可以通过tab键进行遍历,给其他元素加上tabindex属性后,也可以通过tab键获得焦点.tabindex值改为-1时,tab键获得不到焦点。
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属性:允许用户编辑元素中的内容,该元素必须是获得鼠标焦点的元素,布尔值类型。
<h2>可编辑列表</h2> <ul contenteditable> <li>列表1</li> <li>列表2</li> <li>列表3</li> </ul>
·designMode属性:用来制定整个页面是否可编辑,designMode属性只能在js脚本里被修改编辑,该属性值有两个值,一个是on,一个是off
·hidden属性:html5中所有元素都可以使用该属性,true false 布尔值。
<h2>可编辑列表</h2> <ul hidden=""> <li>列表1</li> <li>列表2</li> <li>列表3</li> </ul>
·spellcheck属性:针对input元素和textarea文本输入框提供的属性,对用户输入的内容进行拼写和语法检查。
·tabindex属性:开发中的一个基本概念,当不断敲击tab键,让窗口或页面中的控件获得焦点,对窗口或页面中的所有元素进行遍历,指的是对所有控件进行遍历,每一个控件的tabindex表示该控件是第几个被访问到的。默认只有a 和input元素可以通过tab键进行遍历,给其他元素加上tabindex属性后,也可以通过tab键获得焦点.tabindex值改为-1时,tab键获得不到焦点。
<a href="#" tabindex="1">hello</a> <a href="#" tabindex="3">hello</a> <a href="#" tabindex="2">hello</a> <ul tabindex="4"> <li>22</li> <li>22</li> <li>22</li> <li>22</li> </ul>
相关文章推荐
- 修改HTML5 input placeholder默认颜色
- 10令人惊叹的模型的影响HTML5应用程序及源代码
- Amaze UI让HTML5 Web应用接近原生体验
- HTML5它contenteditable属性
- html5 canvas 实现简易马祖小游戏
- HTML5 常用语法一览(列举不支持的属性)
- 基于HT for Web 3D技术快速搭建设备面板
- html5开发之viewport使用
- 移动页面自适应手机屏幕宽度HTML5开发
- html5的优势
- html5常用标签
- HTML5地理位置定位 lbs
- HTML5 拖拽以及实现拖拽异步上传文件
- HTML5 入门--1
- 《2015 html5 iweb 峰会观会后感》
- html5对图像的拖放问题的简单分析
- 15个无比华丽的HTML5/CSS3动画应用
- 关于html5音频如何应用及解决方法?
- Dcloud H5+ API调用实例
- HTML5的数据缓存