HTML 5 Tag Reference
HTML 5
HTML 5 improves interoperability and reduces development costs by making precise rules on how to handle all HTML elements, and how to recover from errors.Some of the new features in HTML 5 are functions for embedding audio, video, graphics, client-side data storage, and interactive documents.
HTML 5 also contains new elements like <nav>, <header>, <footer>, and <figure>.
The HTML 5 working group includes AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, and many hundreds
of other vendors.
Note: HTML 5 is not a W3C recommendation yet!
To read about the HTML 5 activities at W3C, visit
W3C tutorial.
Ordered Alphabetically
New : New tags in HTML 5.| Tag | Description |
|---|---|
| <!--...--> | Defines a comment |
| <!DOCTYPE> | Defines the document type |
| <a> | Defines a hyperlink |
| <abbr> | Defines an abbreviation |
| <acronym> | Not supported in HTML 5. |
| <address> | Defines an address element |
| <applet> | Not supported in HTML 5. |
| <area> | Defines an area inside an image map |
| <article> New | Defines an article |
| <aside> New | Defines content aside from the page content |
| <audio> New | Defines sound content |
| <b> | Defines bold text |
| <base> | Defines a base URL for all the links in a page |
| <basefont> | Not supported in HTML 5. |
| <bdo> | Defines the direction of text display |
| <big> | Not supported in HTML 5. |
| <blockquote> | Defines a long quotation |
| <body> | Defines the body element |
| <br> | Inserts a single line break |
| <button> | Defines a push button |
| <canvas> New | Defines graphics |
| <caption> | Defines a table caption |
| <center> | Not supported in HTML 5. |
| <cite> | Defines a citation |
| <code> | Defines computer code text |
| <col> | Defines attributes for table columns |
| <colgroup> | Defines groups of table columns |
| <command> New | Defines a command button |
| <datalist> New | Defines a dropdown list |
| <dd> | Defines a definition description |
| <del> | Defines deleted text |
| <details> New | Defines details of an element |
| <dfn> | Defines a definition term |
| <dir> | Not supported in HTML 5. |
| <div> | Defines a section in a document |
| <dl> | Defines a definition list |
| <dt> | Defines a definition term |
| <em> | Defines emphasized text |
| <embed> New | Defines external interactive content or plugin |
| <fieldset> | Defines a fieldset |
| <figcaption> New | Defines the caption of a figure element |
| <figure> New | Defines a group of media content, and their caption |
| <font> | Not supported in HTML 5. |
| <footer> New | Defines a footer for a section or page |
| <form> | Defines a form |
| <frame> | Not supported in HTML 5. |
| <frameset> | Not supported in HTML 5. |
| <h1> to <h6> | Defines header 1 to header 6 |
| <head> | Defines information about the document |
| <header> New | Defines a header for a section or page |
| <hgroup> New | Defines information about a section in a document |
| <hr> | Defines a horizontal rule |
| <html> | Defines an html document |
| <i> | Defines italic text |
| <iframe> | Defines an inline sub window (frame) |
| <img> | Defines an image |
| <input> | Defines an input field |
| <ins> | Defines inserted text |
| <keygen> New | Defines a generated key in a form |
| <kbd> | Defines keyboard text |
| <label> | Defines a label for a form control |
| <legend> | Defines a title in a fieldset |
| <li> | Defines a list item |
| <link> | Defines a resource reference |
| <map> | Defines an image map |
| <mark> New | Defines marked text |
| <menu> | Defines a menu list |
| <meta> | Defines meta information |
| <meter> New | Defines measurement within a predefined range |
| <nav> New | Defines navigation links |
| <noframes> | Not supported in HTML 5. |
| <noscript> | Defines a noscript section |
| <object> | Defines an embedded object |
| <ol> | Defines an ordered list |
| <optgroup> | Defines an option group |
| <option> | Defines an option in a drop-down list |
| <output> New | Defines some types of output |
| <p> | Defines a paragraph |
| <param> | Defines a parameter for an object |
| <pre> | Defines preformatted text |
| <progress> New | Defines progress of a task of any kind |
| <q> | Defines a short quotation |
| <rp> New | Used in ruby annotations to define what to show browsers that to not support the ruby element. |
| <rt> New | Defines explanation to ruby annotations. |
| <ruby> New | Defines ruby annotations. |
| <s> | Not supported in HTML 5. |
| <samp> | Defines sample computer code |
| <script> | Defines a script |
| <section> New | Defines a section |
| <select> | Defines a selectable list |
| <small> | Defines small text |
| <source> New | Defines media resources |
| <span> | Defines a section in a document |
| <strike> | Not supported in HTML 5. |
| <strong> | Defines strong text |
| <style> | Defines a style definition |
| <sub> | Defines subscripted text |
| <summary> New | Defines the header of a "detail" element |
| <sup> | Defines superscripted text |
| <table> | Defines a table |
| <tbody> | Defines a table body |
| <td> | Defines a table cell |
| <textarea> | Defines a text area |
| <tfoot> | Defines a table footer |
| <th> | Defines a table header |
| <thead> | Defines a table header |
| <time> New | Defines a date/time |
| <title> | Defines the document title |
| <tr> | Defines a table row |
| <tt> | Not supported in HTML 5. |
| <u> | Not supported in HTML 5. |
| <ul> | Defines an unordered list |
| <var> | Defines a variable |
| <video> New | Defines a video |
| <xmp> | Not supported in HTML 5. |
HTML 5 Standard Attributes
The attributes listed below are supported by all HTML
5 tags, with a few exceptions.
5 tags, with a few exceptions.
HTML 5 Standard Attributes
New : New standard attributes in HTML 5.| Attribute | Value | Description |
|---|---|---|
| accesskey | character | Specifies a keyboard shortcut to access an element. |
| class | classname | Specifies a classname for an element (used to specify a class in a style sheet). |
| contenteditable New | true false | Specifies if the user is allowed to edit the content or not. |
| contextmenu New | menu_id | Specifies the context menu for an element. |
| data-yourvalue New | value | Author defined attributes. Authors of a HTML document can define their own attributes. Must start with "data-". |
| dir | ltr rtl | Specifies the text direction for the content in an element. |
| draggable New | true false auto | Specifies whether or not a user is allowed to drag an element. |
| hidden New | hidden | Specifies that the element is not relevant. Hidden elements are not displayed. |
| id | id | Specifies a unique id for an element. |
| item New | empty url | Used to group elements. |
| itemprop New | url group value | Used to group items. |
| lang | language_code | Specifies a language code for the content in an element. Language code reference |
| spellcheck New | true false | Specifies if the element must have it's spelling or grammar checked. |
| style | style_definition | Specifies an inline style for an element. |
| subject New | id | Specifies the element's corresponding item. |
| tabindex | number | Specifies the tab order of an element. |
| title | text | Specifies extra information about an element. |
Standard Event Attributes
HTML 4 added the ability to let events trigger actions in a browser, like starting a JavaScript when a user clicks on an element.Below are the standard event attributes that can be inserted into HTML 5 elements to define event actions.
New : New event attributes in HTML 5.
Window Event Attributes
Events triggered for the window object.Applies to the <body> tag:
| Attribute | Value | Description |
|---|---|---|
| onafterprint New | script | Script to be run after the document is printed |
| onbeforeprint New | script | Script to be run before the document is printed |
| onbeforeonload New | script | Script to be run before the document loads |
| onblur | script | Script to be run when the window loses focus |
| onerror New | script | Script to be run when an error occur |
| onfocus | script | Script to be run when the window gets focus |
| onhaschange New | script | Script to be run when the document has change |
| onload | script | Script to be run when the document loads |
| onmessage New | script | Script to be run when the message is triggered |
| onoffline New | script | Script to be run when the document goes offline |
| ononline New | script | Script to be run when the document comes online |
| onpagehide New | script | Script to be run when the window is hidden |
| onpageshow New | script | Script to be run when the window becomes visible |
| onpopstate New | script | Script to be run when the window's history changes |
| onredo New | script | Script to be run when the document performs a redo |
| onresize New | script | Script to be run when the window is resized |
| onstorage New | script | Script to be run when a document loads |
| onundo New | script | Script to be run when a document performs an undo |
| onunload New | script | Script to be run when the user leaves the document |
Form Events
Events triggered by actions inside a HTML form.Applies to all HTML 5 elements, but is most common in form elements:
| Attribute | Value | Description |
|---|---|---|
| onblur | script | Script to be run when an element loses focus |
| onchange | script | Script to be run when an element changes |
| oncontextmenu New | script | Script to be run when a context menu is triggered |
| onfocus | script | Script to be run when an element gets focus |
| onformchange New | script | Script to be run when a form changes |
| onforminput New | script | Script to be run when a form gets user input |
| oninput New | script | Script to be run when an element gets user input |
| oninvalid New | script | Script to be run when an element is invalid |
| onreset | script | Script to be run when a form is reset Not supported in HTML 5 |
| onselect | script | Script to be run when an element is selected |
| onsubmit | script | Script to be run when a form is submitted |
Keybord Events
Events triggered by a keyboard.Applies to all HTML 5 elements.
| Attribute | Value | Description |
|---|---|---|
| onkeydown | script | Script to be run when a key is pressed |
| onkeypress | script | Script to be run when a key is pressed and released |
| onkeyup | script | Script to be run when a key is released |
Mouse Events
Events triggered by a mouse, or similar user actions:Applies to all HTML 5 elements.
| Attribute | Value | Description |
|---|---|---|
| onclick | script | Script to be run on a mouse click |
| ondblclick | script | Script to be run on a mouse double-click |
| ondrag New | script | Script to be run when an element is dragged |
| ondragend New | script | Script to be run at the end of a drag operation |
| ondragenter New | script | Script to be run when an element has been dragged to a valid drop target |
| ondragleave New | script | Script to be run when an element leaves a valid drop target |
| ondragover New | script | Script to be run when an element is being dragged over a valid drop target |
| ondragstart New | script | Script to be run at the start of a drag operation |
| ondrop New | script | Script to be run when dragged element is being dropped |
| onmousedown | script | Script to be run when a mouse button is pressed |
| onmousemove | script | Script to be run when the mouse pointer moves |
| onmouseout | script | Script to be run when the mouse pointer moves out of an element |
| onmouseover | script | Script to be run when the mouse pointer moves over an element |
| onmouseup | script | Script to be run when a mouse button is released |
| onmousewheel New | script | Script to be run when the mouse wheel is being rotated |
| onscroll New | script | Script to be run when an element's scrollbar is being scrolled |
Media Events
Events triggered by medias like videos, images and audio.Applies to all HTML 5 elements, but is most common in media elements, such as audio, embed, img, object, and video:
| Attribute | Value | Description |
|---|---|---|
| onabort | script | Script to be run on an abort event |
| oncanplay New | script | Script to be run when media can start play, but might has to stop for buffering |
| oncanplaythrough New | script | Script to be run when media can be played to the end, without stopping for buffering |
| ondurationchange New | script | Script to be run when the length of the media is changed |
| onemptied New | script | Script to be run when a media resource element suddenly becomes empty (network errors, errors on load etc.) |
| onended New | script | Script to be run when media has reach the end |
| onerror New | script | Script to be run when an error occurs during the loading of an element |
| onloadeddata New | script | Script to be run when media data is loaded |
| onloadedmetadata New | script | Script to be run when the duration and other media data of a media element is loaded |
| onloadstart New | script | Script to be run when the browser starts to load the media data |
| onpause New | script | Script to be run when media data is paused |
| onplay New | script | Script to be run when media data is going to start playing |
| onplaying New | script | Script to be run when media data has start playing |
| onprogress New | script | Script to be run when the browser is fetching the media data |
| onratechange New | script | Script to be run when the media data's playing rate has changed |
| onreadystatechange New | script | Script to be run when the ready-state changes |
| onseeked New | script | Script to be run when a media element's seeking attribute is no longer true, and the seeking has ended |
| onseeking New | script | Script to be run when a media element's seeking attribute is true, and the seeking has begun |
| onstalled New | script | Script to be run when there is an error in fetching media data (stalled) |
| onsuspend New | script | Script to be run when the browser has been fetching media data, but stopped before the entire media file was fetched |
| ontimeupdate New | script | Script to be run when media changes its playing position |
| onvolumechange New | script | Script to be run when media changes the volume, also when volume is set to "mute" |
| onwaiting New | script | Script to be run when media has stopped playing, but is expected to resume |
I think you can make a video for youtube about it and get many likes from this site https://soclikes.com
ReplyDeleteIf you want to make a video for tiktok about it I advise you to use this site https://viplikes.us to get tiktok likes
ReplyDelete