Introduction to New Elements in HTML5

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 < 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 < details > Element

The <details> tag specifies additional details that a user can view or hide on demand. It is also used to create an interactive device that a user can open and close. There are some attributes of <details> element:- Accesskey Class Contenteditable Contextmenu Dir Draggable Hidden Id Lang Open Spellcheck Style Tabindex title A user will store the actual details …

The < details > 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 < 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 »