Hello, world!

HTML 5 New Elements HTML

The HTML tutorial lists the new HTML5 elements together with their description and functions. Some of the new elements listed are the HTML5 attribute syntax, semantic/structural, graphics, input types, form and new media elements.



New HTML5  Attribute Syntax

 
Four different syntaxes for HTML attribute.
Empty – Example: <input type="text" value="John" disabled>
Unquoted – Example: <input type="text" value=Prince>
Double-quoted – Example: <input type="text" value="Prince Win">
Single-quoted – Example: <input type="text" value=Prince Win'>
All four syntaxes may be used in HTML5, based on what is needed for the attribute.

New Semantic/Structural Elements

<article> - The HTML <article> Element specifies an article in the page content.
<aside> -  The HTML <aside> Element specifies the content aside from the HTML document.
<bdi> - The HTML <bdi> Element isolates a part of text that might be formatted in a various direction from other text outside it.
<details> - The HTML <details> Element retrieves additional information that the user can view or hide.
<dialog> - The HTML <dialog> element specifies a dialog box or window.
<figcaption> - The HTML <figcaption> Element specifies a caption or legend for a <figure> element.
<figure> - The HTML <figure> Element specifies self-contained content, such as image,  illustrations, diagrams, schema, code listings, etc.
<footer> - The HTML <footer> Element specifies the footer for the content or a section.
<header> - The HTML <header> Element specifies a header for the content or a section.
<main> - The HTML <main> Element specifies the main content of the body of a document.
<mark> - The HTML <mark> Element specifies marked or highlighted text.
<menuitem> - The HTML <menuitem> element specifies a command/menu item that the user can invoke from a popup menu.
<meter> - The HTML <meter> Element specifies a scalar value within a known range (a gauge).
<nav> - The HTML Navigation <nav> Element specifies navigation links in the page document.
<progress> - The HTML <progress> Element is used to view the progress of a task.
<rp> - The HTML <rp> element is used to display in browsers that do not support ruby annotations.
<rt> - The HTML <rt> Element shows an explanation/pronunciation of characters (for East Asian typography).
<ruby> - The HTML <ruby> Element signifies a ruby annotation (for East Asian typography)
<section> - The HTML <section> Element specifies a section in the page document.
<summary> - The HTML <summary> element specifies a visible heading for a <details> element.
<time> - The HTML <time> element specifies a date/time
<wbr> - The Word Break Opportunity <wbr> HTML element specifies an optional line-break.

HTML5 Graphics

<canvas> - The HTML <canvas> Element is applied to draw graphics through JavaScript.
<svg> - The HTML <svg> Element  is applied to draw graphics by means of SVG.

New Input Types

New Input Types - color, date, datetime, datetime-local, email, month, number, range, search, tel, time, url, week
New Input Attributes - autocomplete, autofocus, form, formaction, formenctype, formmethod, formnovalidate, formtarget, height and width, list, min and max, multiple, pattern (regexp), placeholder, required, step

New Form Elements

<datalist> - The HTML <datalist> Element represents pre-defined options for input controls
<keygen> - The HTML <keygen> element represents a key-pair generator field (for forms)
<output> - The HTML <output> element represents the result of a calculation.

New Media Elements

<audio> - The HTML <audio> element identifies sound or music content in document
<embed> - The HTML <embed> Element identifies containers for external applications or interactive content (plug-ins).
<source> - The HTML <source> element identifies media resources for <audio> and <video>.
<track> - The HTML <track> element identifies tracks for <audio> and <video>.
<video> - The HTML <video> element identifies video or movie content.