- 不知不觉中,在学习前端的路已经一年了,但对于HTML部分的总结确实是没有做到位,现在进行相关知识笔记的总结,也算是对之前知识的回顾和更新.希望大家在学习的路上多加总结,扎实基础.
-
HTML 属性赋予元素意义和语境。
下面给大家介绍一下HTML的全局属性:
全局属性是指任何元素都可以使用的属性
- accesskey: 规定激活元素的快捷键;
用法:<element accesskey="character">
支持:<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>,目前不支持 Opera浏览器
- class: 规定元素的类名;
用法:基本用法,不再阐述;
- contenteditable:规定元素内容是否可编辑;
用法:<p = contenteditable = true | false>,目前只支持火狐浏览器
- data-*:用于存储页面或应用程序的私有定制数据;
用法:<li data-animals-type = "哺乳类"></li>
嵌入自定义数据,存储的自定义属性能够被页面的JS利用,创建更好的用户体验(不进行Ajax调用或者服务器端数据库查询)
- contextmenu:规定元素的上下文菜单。上下文菜单在用户点击元素时显示;
用法:支持火狐,值是要打开<menu>元素的ID- draggable`:规定元素是否可拖动;
用法:三个值:true false auto
- dropzen`:规定在拖动被拖动数据时是否进行复制、移动或链接;
用法:它有三个值,copy,move,link但是目前的浏览器都不支持;
- hidden`:规定元素仍未或者不相关;
用法:<p hidden></p>
- id`:规定元素的唯一ID;
- lang`:规定元素内容的语言;
- spellcheck`:规定是否对元素进行拼写检查;
用法:可以对一下的内容进行拼写检查:
1 input元素的文本值(非密码)
2 <textarea>元素中的文本
3 可编辑元素中的文本
值:true false
- tabindex`:规定元素的 tab 键次序;
用法:以下元素支持 tabindex 属性：<a>, <area>, <button>, <input>, <object>, <select> 以及 <textarea>
<a tabindex = "1"></a>
- tittle`:规定有关元素的额外信息;
- translate`:规定是否应该翻译元素内容;
用法:目前不支持,值为true false- dir`:规定元素中内容的文本方向.
用法:值:ltr rtl- style`:规定元素的行内 CSS 样式;
