This page is describing the HTML5 attributes assigned to elements of the non-HTML5 drafts; in other words, here we are listing and briefly describing those attributes that have been added to HTML 4.01 (and older) based elements.

NOTE: This page also includes the attributes that we may have heard off in HTML4 tutorial, but have been added to other HTML4 elements in HTML5 draft. For instance: type attribute has been added to <area> element, or disabled attribute to <fieldset> element, and so on.

Attributes and related elements:

<a>:

<area />:

<fieldset>:

<html>:

<iframe>:

<img />:

<link>:

<meta />:

<object>:

<ol>:

<script>:

<style>:

<textarea>:

Attribute characteristics and purpose:

async attribute (values: async):

  • <script>: external scripts get executed asynchronously

charset attribute (values: character_set):

  • <meta />: Specifies the character encoding for the HTML document

crossorigin attribute (values: anonymous, use-credentials):

  • <img />: may allow images from external location (third-party sites) to access or be accessed with canvas
  • <link>: decides how this element with handle cross-origins accesses

disabled attribute (values: disabled):

  • <fieldset>: disables the entire group of elements wrapped under the <fieldset>

download attribute (values: filename):

  • <a>: defines if the target will be downloaded upon a click (on link) or not
  • <area />: defines if the target will be downloaded upon a click on it or not

form attribute (values: form_id):

  • <object>: specifies which form (or forms) the object element is associated with

hreflang attribute (values: language_code):

  • <area />: defines the language of the targeted URL

manifest attribute (values: URL):

  • <html>: describes the URL of the document's cache manifest; used for offline browsing

maxlength attribute (values: number):

  • <textarea>: defines the maximum number of characters allowed for that <textarea>

media attribute (values: media-query):

  • <a>: specifies the media that the linked document is intended to
  • <area />: specifies the media that the targeted URL is intended to 

name attribute (values: text):

rel attribute (values: alternate, author, bookmark, help, license, next, nofollow, noreferrer, prefetch, prev, search, tag):

  • <area />: defines the relationship between current document (URL) and the targeted one 

reversed attribute (values: reversed):

  • <ol>: reverts the execution order of an ordered list; for instance instead of 1-2-3, it will count as 3-2-1

sandbox attribute (values: allow-forms, allow-pointer-lock, allow-popups, allow-same-origin, allow-scripts, allow-top-navigation):

  • <iframe>: introduces new restrictions for the <iframe>'s content

scoped attribute (values: scoped):

  • <style>: if selected as "scoped", the styles will apply only to the element's parent element and all child elements (thus the name "scoped"

sizes attribute (values: Height*Width, any):

  • <link> : defines the size of the linked resource URLs or document's; only if rel="icon"

srcdoc attribute (values: HTML_code):

  • <iframe>: defines the content (HTML) of the document shown inside the <iframe>

type attribute (values: media-type):

  • <area />: specifies the media type of the targeted URL

wrap attribute (values: hard, soft):

  • <textarea>: defines the wrapping technique to be used within the <textarea> element

Examples

Example with <link> download HTML5 attribute:

Example with <fieldset> disabled and textarea maxlength and wrap HTML5 attributes:

Example with <ol> reversed HTML5 attribute:

Example with <iframe> sandbox and srcdoc HTML5 attribute:

 

›› go to examples ››