Introduction to New Elements in HTML5

The

The <article> element is used for an article, which is known to be an independently distributable document, like an article in a magazine. There are some element attributes of an <article> Element:- Accesskey Class Contenteditable Contextmenu Dir Draggable Hidden Id Lang Spellcheck Style Tabindex Title

The < aside > Element

The <aside> element represents an aside to the text, such as a sidebar. Basically <aside> Tag is used in sidebar of a page, whenever user clicks on the index, it redirects the user on the related content. There are some attributes of <aside> element:- Accesskey Class Contenteditable Contextmenu Dir Draggable Hidden Id Lang Spellcheck Style Tabindex title

The < audio > Element

The <audio>Element is used for playing the audio (sound) file in the browser with full user control support. The <audio> Element contains an extra child element called SOURCE, which is used to call the exact media file which has been played in the browser. There are three different formats for the <audio>element MP3 Wav Ogg There are some attributes of <audio> element:- Autoplay Controls …

The < audio > Element Read More »

The < canvas > Element

The <canvas> tag is used to draw graphics by using the JavaScript. The <canvas> tag is only a container for graphics. Basically this tag is used for graphical representation with the help of javascript. There are some attributes of <canvas> element:- height width You will learn more about it in further chapters.

The < command > Element

The <command> element is basically used to show the command functions like to save a file, open a file or anything else. It can be used for radio buttons, checkboxes and command button to invoke the particular function. The <command> Element can be used inside the MENU Element or outside anywhere in the BODY. There are some attributes of <command> element:- accesskey checked class …

The < command > Element Read More »

The < Embed > Element

The <embed> tag defines a container for an external application or interactive content (a plug-in). There are some attributes of <embed> element:- Height Src Type Width The src attribute gives the URL of the resource <embed> tag defines a container for an external application or interactive content (a plug-in). There are some attributes of <embed> element:- Height Src Type Width The src attribute gives the URL of the resource you want …

The < Embed > Element Read More »

  The < Figcaption > Element

The <figcaption> element defines the figure caption for a <figure> element. There are some attributes of <figcaption> element:- Accesskey Class Contenteditable Contextmenu Dir Draggable Hidden Id Lang Spellcheck Style Tabindex Title The <figcaption> element can be placed as the first or last child of the <figure> element. Here we will illustrate an example putting the <figcaption> element in the script: In this example we will use the …

  The < Figcaption > Element Read More »

The < Figure > Element

The <figure> Element is used to call an image file inside the fixed container. There are some attributes of <figure> element:- Accesskey Class Contenteditable Contextmenu Dir Draggable Hidden Id Lang Spellcheck Style Tabindex title Here we will illustrate an example putting the <figure> element in the script:  Code         Output      

The < Footer > Element

The <footer> Element is used define the Footer area of the page. The <footer> element contains information about its containing element. A <footer> element contain the following information. Authorship information copyright information Contact information Sitemap back to top links Related documents A user can define several <footer> elements in one document. There are some attributes of <footer> element:- Accesskey Class Contenteditable Contextmenu Dir Draggable Hidden …

The < Footer > Element Read More »

The < Header > Element

The <header> element is used for defining the header for a particular document or section. The <header> element is a container for the introductory content or a set of navigational links. A <header> element contains: one or more heading elements (<h1> – <h6>) logo or icon authorship information A user can define several <header> elements in one document. There are some attributes of <header> element:- …

The < Header > Element Read More »

The < Keygen > Element

The <keygen> tag represents key-pair generator controls for private and public keys used for forms. When the form is submitted, the private key is stored locally, and the public key is sent to the server. There are some attributes of <keygen> element:- Autofocus Challenge Disabled Form Keytype name Here we will illustrate an example putting the <keygen> element in the script: …

The < Keygen > Element Read More »

The < Mark > Element

The <mark> Element is basically used to highlight the text with another background color, which attracts the reader and focus the particular text for the reference using. There are some attributes of <mark> element:- accesskey class contenteditable contextmenu dir draggable hidden id Lang Spellcheck Style Tabindex title Here we will illustrate an example putting the <mark> element in the script: Code …

The < Mark > Element Read More »

The  Element

The <meter> Element is basically used for scalar measurement for known range or known a fractional value. There are six attributes allowed in <meter> Element:- Value Min Max High Low Optimum Form Here we will illustrate an example putting the <meter> element in the script:  Code Output    

The < ruby > Element

The <ruby> Element is used to properly rendering the East Asian’s languages. The <ruby> Element is basically used to give a pronunciation help in a phonetic script for Chinese, Japanese and Korean languages.   There are mainly three attributes can be called with RUBY Element. rt (ruby text) rp (ruby parenthesis) and rb (ruby base).