HTML5属性

港控/mmm° 2021-12-20 08:27 213阅读 0赞

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

1、表单属性

*  为input(type=text)、select、textarea与button元素新增了autofocus属性。（它以指定属性的方式让元素在画面打开时自动获得焦点）
 *  为input(type=text)与textarea、元素新增了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页面执行某些操作。
 *

转载于:https://www.cnblogs.com/tulintao/p/10829811.html