| Attribute | Purpose | Example |
|---|---|---|
| accesskey="..." | single case-insensitive character to change focus, deprecated | |
| class="..." | space-separated list of class names for CSS or dynamic selection |
class="todo high" matches .todo and .high selectors in CSS |
| contenteditable="..." | New | |
| contextmenu="..." | New | |
| data-*="..." | New author-defined attributes | |
| dir="..." | ||
| draggable="..." | New | |
| id="..." | ||
| hidden="..." | New | |
| lang="..." | ISO 639-1 language code, ISO 3166-1 country code, variant |
lang="en"
lang="en-US"
|
| spellcheck="..." | New | |
| style="..." | inline styles separated by semicolons | |
| tabindex="..." | ||
| title="..." | title | |
| xml:lang="..." | same as lang
|
use lang instead, without the "xml:" prefix |
| Attribute | Purpose | Example |
|---|---|---|
| onabort="..." | abort event | |
| onbeforeonload="..." | before onload event | |
| onbeforeunload="..." | before unload event | |
| onblur="..." | lost focus event | |
| onchange="..." | content changed event | |
| onclick="..." | mouse clicked event | |
| oncontextmenu="..." | context menu event | |
| oncopy="..." | copy event | |
| oncut="..." | cut event | |
| ondblclick="..." | mouse double-clicked event | |
| ondrag="..." | drag event | |
| ondragend="..." | drag ended event | |
| ondragenter="..." | drag entered event | |
| ondragleave="..." | drag exited event | |
| ondragover="..." | drag over event | |
| ondragstart="..." | drag start event | |
| ondrop="..." | drop event | |
| onerror="..." | error event | |
| onfocus="..." | gained focus event | |
| ongesturechange="..." | gesture change event | |
| ongestureend="..." | end of gesture event | |
| ongesturestart="..." | start of gesture event | |
| onkeydown="..." | key pressed down event | |
| onkeypress="..." | key pressed event | |
| onkeyup="..." | key released event | |
| onload="..." | document loaded event | |
| onmousedown="..." | mouse button pressed down event | |
| onmousemove="..." | mouse moved event | |
| onmouseout="..." | mouse cursor exited event | |
| onmouseover="..." | mouse cursor entered event | |
| onmouseup="..." | mouse button released event | |
| onmousewheel="..." | mouse wheel rotated event | |
| onmove="..." | move event | |
| onorientationchange="..." | device orientation changed event | |
| onpaste="..." | paste event | |
| onreset="..." | form reset event | |
| onresize="..." | resize event | |
| onscroll="..." | scroll event | |
| onselect="..." | select event | |
| onsubmit="..." | form submit event | |
| ontouchcancel="..." | touch cancelled event | |
| ontouchend="..." | touch ended event | |
| ontouchmove="..." | touch move event | |
| onstouchstart="..." | touch started event | |
| onunload="..." | document unloaded event |
Prev: Metatags Next: Media Types
Home > HTML Cheat Sheet for Transition to HTML 5 > Attributes
Viewing mobile website page. Switch to WML or Full HTML