Difference between revisions of "HTML 5"

From wikieduonline
Jump to navigation Jump to search
Line 45: Line 45:
 
'''<u>Phrasing</u>''': This model has a number of inline-level elements in common with HTML4.
 
'''<u>Phrasing</u>''': This model has a number of inline-level elements in common with HTML4.
 
*Elements: '''<img>, <span, <strong, <label>, br />, <small, <sub''', and more.
 
*Elements: '''<img>, <span, <strong, <label>, br />, <small, <sub''', and more.
 +
 +
'''<u>Flow content</u>:''' Contains the majority of HTML5 elements that would be included in the normal flow of the document.
 +
 +
'''<u>Sectioning content</u>:''' Defines the scope of headings, content, navigation, and footers.
 +
*Elements:''' <article>, <aside>, <nav>, <section>'''

Revision as of 13:24, 22 March 2020

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>

Advertising: