HyperText Markup Language/Standard Attributes List

From Wikibooks, open books for an open world
Jump to navigation Jump to search
TODO

Editor's note
Please do not create any further subpages of this subpage. Keep this subpage flat, using section headings to structure the material.

Below is a list of all attributes which are available for most elements in HTML.

You can also view a list of HTML elements.

Attributes[edit]

class[edit]

This attribute allows you to designate an element to be a member of a given class. Multiple elements can be assigned to the same class (eg. <p class="foo"> ... </p> <p class="foo"> ... </p>), as well as a single element belonging to multiple classes (eg. <p class="foo bar"> ... </p>).

code[edit]

codebase[edit]

dir[edit]

With this attribute you can define which direction the text is written for a given element, either ltr for left-to-right or rtl for right-to-left.

height[edit]

Setting this attribute with a numerical value defines the height of an element in pixels (eg. <div height="150"> ... </div>)

id[edit]

This attribute allows you to define a unique identifier for each element. This would be useful for hyperlinks that link to a specific section of a page or when styling using a style sheet.

lang[edit]

With this attribute you can specify a language that is used for an element.

style[edit]

This attribute allows you to apply specific styling to a given element.

title[edit]

With this attribute you can define what will be displayed when a user hovers the element. It is not available for base, head, html, meta, param, script, style, and title.

width[edit]

Setting this attribute with a numerical value defines the width of an element in pixels (eg. <div width="230"> ... </div>)

More attributes[edit]

accesskey[edit]

The accesskey attribute defines a keyboard shortcut for a hyperlink or form element. The combination of keys need to activate the shortcut varies from browser to browser. In Microsoft Internet Explorer the user must press Alt+accesskey. If the shortcut is for a link the user must then press Enter to follow the link. The choice of Alt+accesskey means that access keys can clash with shortcuts built-in to the browser.

It is quite common to use numbers for the access keys since these don't clash with any major browser's built-in shortcuts, e. g.

  • 1 = Home Page
  • 0 = List of access keys on this website.
  <div id="navigation">
    <h2>Navigation</h2>
    <ul>
      <li><a accesskey="1" href="/">Home page</a></li>
      <li><a accesskey="2" href="/about">About</a></li>
      <li><a accesskey="0" href="/accesskeys">Access keys</a></li>
    </ul>
  </div>

There is no standard way to let users know the access keys that are available on the page. Some suggestions can be found in Accesskeys: Unlocking Hidden Navigation.

tabindex[edit]