HTML全局属性

• 不知不觉中,在学习前端的路已经一年了,但对于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 样式;