【HTML5学习】Html5与Html4区别 (三)

Micah2015年08月21日 10:05 分类 : Web前端  > HTML
阅读: 1766

分享到微信朋友圈

1在HTM5 中新增了许多元素和废除了许多元素,同时也新增了和废除了许多属性,这片文章主要讲HTML 5中新增和废除的属性。

新增的属性和废除的属性

HTM5 中新增了许多元素和废除了许多元素,同时也新增了和废除了许多属性,这片文章主要讲HTML 5中新增和废除的属性。

1新增的属性

1.     表单相关的属性

新增的与表单相关的元素:

l  可以对input (type=text)selecttextareabutton元素指定autofocus属性。它以指定属性的方式让元素在页面打开时自动获得焦点。

l  可以对input元素 (type=text) textarea元素指定placeholder属性,它会对用户输入进行提示,提示用户可以输入哪些内容。

l  可以对inputoutoutselecttextareabuttonfieldset指定form属性,声明它属于哪个表单,然后将其放置在页面的任何位置,而非表单之中。

l  可以对input元素 (type=text) textarea元素指定required属性。该属性表示用户在提交的时候进行检查,检查该元素内一定要有输入内容。

l  input 元素增加了几个新属性 autocompleteminmaxmultiplepatternstep

同时还有一个新的list元素与datalist元素配合使用。datalist元素与autocomplete属性配合使用。multiple 属性允许在上传文件时一次性上传多个。

l  input元素和button元素增加了新属性formactionformenctypeformmethodformnovalidateformtarget,它们可以重载form元素的actionenctypemethodnovalidatetarget属性。为fieldset 增加了disabled属性,可以把它的子元素设置为disabled (无效)状态。

l  input 元素、button元素、form元素增加了novalidate属性,该属性可以取消提交时的相关检查,表单可以无条件提交。

2.     链接相关属性

新增的与链接相关的属性:

l  aaera元素增加了media属性,该属性规定目标url 是为什么类型的媒介/设备进行优化的,只能在href存在时使用。

l  aera元素增加了hreflang属性与rel属性,以保持与a元素、link元素一致。

l  link元素增加了新属性sizes。该属性可以与icon元素结合使用(通过rel属性),该属性指定关联图标(icon元素)的大小。

3.     其他属性

除了上面表单和超链接新增加的属性,HTML 5 还增加了下面的属性:

l  ol元素增加属性reversed,它指定列表倒叙显示。

l   meta元素增加了charset属性,因为这个属性已经被广泛支持,为文档的字符编码的指定提供了一种比较良好的方式。

l  menu元素增加了typelabel属性,label属性为菜单定义一个可见的标注,type属性让菜单可以以上下文菜单、工具条与列表菜单的三种形式出现。

l  style元素增加scoped属性,用来规定样式的作用范围,譬如只对页面上的某个树起作用。

l  script元素增加async属性,它定义脚本是否异步执行。

l  html元素增加属性 manifest,开发离线Web应用程序时它与APP结合使用,定义一个URL,在这个URL上面描述文档的缓存信息。

l  iframe元素增加了sandboxseamlesssrcdoc,用来提高页面安全性,防止不信任的Web页面执行某些操作。

 

2、废除的属性

       HTML 4中的一些属性在HTML 5中不在被使用,而是采用其他属性或者方案代替,具体如下:


Micah
IT技术整理

精彩评论:0

还可以输入250个字 评论

评论成功

评论失败

 

微信公众号

微博