HTML 5

HTML5 is a markup language used for structuring and presenting content on the World Wide Web.

New in HTML5

Forms

• - The Web Forms 2.0 specification allows the creation of more powerful forms and more compelling user experiences.
• - Date pickers, color pickers, and numeric stepper controls have been added.
• - Input field types now include email, search, and URL.
• - PUT and DELETE form methods are now supported.

Integrated API (Application Programming Interfaces)

• - Drag and Drop
• - Audio and Video
• - Offline Web Applications
• - History
• - Local Storage
• - Geolocation
• - Web Messaging

Content Models

The List of Content Models

In HTML, elements typically belonged in either the block level or inline content model. HTML5 introduces seven main content models.

• - Metadata
• - Embedded
• - Interactive
• - Heading
• - Phrasing
• - Flow
• - Sectioning

Content Models

Metadata: Content that sets up the presentation or behavior of the rest of the content. These elements are found in the head of the document.

• Elements: <base>, <link>, <meta>, <noscript>, <script>, <style>, <title>

Embedded: Content that imports other resources into the document.

• Elements: <audio>, <video>, <canvas>, <iframe>, <img>, <math>, <object>, <svg>

Interactive: Content specifically intended for user interaction.

• Elements: <a>, <audio>, <video>, <button>, <details>, <embed>, <iframe>, <img>, <input>, <label>, <object>, <select>, <textarea>

Heading: Defines a section header.

• Elements: <h1, <h2, <h3, <h4, <h5, <h6, <hgroup>

Phrasing: This model has a number of inline-level elements in common with HTML4.

• Elements: <img>, <span, <strong, <label>, br />, <small, <sub, and more.

Flow content: Contains the majority of HTML5 elements that would be included in the normal flow of the document.

Sectioning content: Defines the scope of headings, content, navigation, and footers.

• Elements: <article>, <aside>, <nav>, <section>