全局属性大部分HTML标签都具有这些属性,除了少数几个外,比如<base><head><html><meta><param><script><style>

  • accesskey=”character”,设置访问元素的键盘快捷键,不同浏览器访问键盘快捷键的方式也不同:
![alt accesskey=character](/images/accesskey.png)

例:

        <a href="/about" accesskey="a">alt + a</a>

<a href="/about" accesskey="a">alt + a</a>

        <a href="/whole" accesskey="w">alt + w</a>

<a href="/whole" accesskey="w">alt + w</a>

对于accesskey也可以设置组合键,在HTML5中任何元素都可以设置accesskey属性,会做验证,但是不一定有用
  • class=”className”,设置元素的样式类名,多个类名用空格分隔,在HTML5中能运用到任何元素上

  • contenteditable=”true/false”,设置元素是否可编辑,如果父元素设置这个属性,子元素会继承这个属性

  • contextmenu=”menuID”,仅有Firefox支持,先不做解释

  • data-*=”value”,HTML5中自定义属性一般以data-开头,属性名不能包含大写字母

    例:

          <ul>
              <li data-animal-type="bird">Owl</li>
              <li data-animal-type="fish">Salmon</li>
              <li data-animal-type="spider">Tarantula</li>
          </ul>
    
  • css的content属性,可以通用attr()来获取元素的属性值

    例:

          div{content: attr(title)}   //获取当前元素title的值
    
  • 设置元素的{resize:both;overflow:auto;}可以由用户调整元素的大小

  • dir=”ltr/rtl/auto”,设置文本的显示方向

    • ltr,默认值,从左向右显示

    • rtl,从右向左显示,比如阿拉伯文

    • auto,基于内容,让浏览器自动识别

  • draggable=”true/false/auto”,设置元素是否可以拖动

  • dropzone=”copy/move/link”,指定是否将数据复制、移动、或链接,没有浏览器支持

  • hidden=”hidden”,设置元素为隐藏

  • id,设置元素的唯一id,一个文档中不能出现同名的id

  • lang=”language_code”,设置元素中内容的语言代码

  • spellcheck=”true/false”,检测元素是否拼写错误

  • style=”style_definitions”,设置元素的行业样式

  • tabindex=”number”,设置元素的TAB键控制顺序

  • title=”text”,设置元素鼠标移上去显示的信息

  • translate=”yes/no”,指定一个元素的内容在页面载入时是否需要翻译