Explain input elements newly introduced in HTML5 with example.
1 Answer

New Semantic/Structural Elements

HTML5 offers new elements for better document structure:

Tag          Description
<article>    Defines an article in the document
<aside>   Defines content aside from the page content
<bdi>             Defines a part of text that might be formatted in a different direction from other text
<details>      Defines additional details that the user can view or hide
<dialog>       Defines a dialog box or window
<figcaption>       Defines a caption for a <figure> element
<figure>       Defines self-contained content, like illustrations, diagrams, photos, code listings, etc.
<footer>       Defines a footer for the document or a section
<header>       Defines a header for the document or a section
<main>             Defines the main content of a document
<mark>             Defines marked or highlighted text
<menuitem>    Defines a command/menu item that the user can invoke from a popup menu
<meter>    Defines a scalar measurement within a known range (a gauge)
<nav>              Defines navigation links in the document
<progress>     Defines the progress of a task
<rp>               Defines what to show in browsers that do not support ruby annotations
<rt>               Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby>             Defines a ruby annotation (for East Asian typography)
<section>      Defines a section in the document
<summary>       Defines a visible heading for a <details> element
<time>              Defines a date/time
<wbr>               Defines a possible line-break
<datalist>       Defines pre-defined options for input controls
<keygen>         Defines a key-pair generator field (for forms)
<output>         Defines the result of a calculation
Please log in to add an answer.