HTML5属性

Posted tulintao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5属性相关的知识,希望对你有一定的参考价值。

html5同时增加和废除了很多属性。下面介绍一些常用的属性。

1、表单属性

  • 为input(type=text)、select、textarea与button元素新增了autofocus属性。(它以指定属性的方式让元素在画面打开时自动获得焦点)
  • 为input(type=text)与Texta 热啊、元素新增了placeholder属性(它会对用户的输入进行提示,提示用户可以输入的内容)
  • 为input、output、select、textarea、button、fieldset新增加了form属性(声明它属于哪个表单,然后将它放置在页面上任何位置,而不是表单之内)
  • 为input(type=text)和textarea元素新增了required属性(该属性表示在用户提交的时候进行检查,检查该元素内一定要有输入内容)
  • 为input元素增加了autocomplete、min、max、multiple、pattern、step属性。同时还有一个新的list元素与datalist元素配合使用。datalist元素和autocomplete属性配合使用。multiple属性允许在上传文件的时候一次上传多个文件。
  • 为input元素与button元素增加了新属性formaction、formenctype、formmethod、formnovalidate、formtarget,它们可以重载from元素的action、enctype、method、novalidate和target属性。为fieldset元素增加了disabled属性,可以把它的子元素设为disabled(无效)状态。
  • 为input元素、button元素、form元素、增加了novalidate属性,该属性可以取消提交时进行的有关检查,表单可以被无条件的提交。

 

 

2、链接属性

  • 为a和area元素增加了media属性,该属性规定目标URL时为什么类型的媒介/设备进行优化的,只能在href属性存在时使用。
  • 为area元素增加了hreflang属性与rel属性,以保持与a元素、link元素的一致。
  • 为link元素增加了新属性sizes。该属性可以与icon元素结合使用(通过rel属性),该属性指定关联图标(icon元素)的大小。
  • 为base元素增加了target属性,主要目的是保持与a元素的一致性。

 

 

3、其他属性

  • 为ol元素增加属性reversed,它指定列表倒序显示。
  • 为meta元素增加charset属性,因为这个属性已经被广泛支持了,而且为文档的字符编码的指定提供了一种比较良好的方式。
  • 为menu元素增加了两个新的属性--type和label。label属性为菜单定义一个可见的标注,type属性让菜单可以上下文菜单、工具条与菜单列表3种形式出现。
  • 为 style元素增加了scoped属性,用来规定样式的作用范围,譬如只对页面上某个树起作用。
  • 为script元素增加了async属性,它定义脚本是否异步执行。
  • 为html元素增加了属性manifest,开发离线web应用程序时它与API结合使用,定义一个URL,在这个URL上描述文档的缓存信息。
  • 为iframe元素增加三个属性,即sandbox、seamless、srcdoc,用来提高页面的安全性,防止不信任的Web页面执行某些操作。

以上是关于HTML5属性的主要内容,如果未能解决你的问题,请参考以下文章

HTML5 表单属性

html5 表单的required属性

HTML5属性

HTML5都有哪些新的表单属性

HTML5都有哪些新的表单属性

HTML5 表单新属性使用详解