Difference between revisions of "HTML 5"
Jump to navigation
Jump to search
| Line 17: | Line 17: | ||
*- Web Messaging | *- Web Messaging | ||
| + | ==Content Models== | ||
===The List of 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. | In HTML, elements typically belonged in either the block level or inline content model. HTML5 introduces '''seven''' main content models. | ||
| Line 27: | Line 28: | ||
*- Flow | *- Flow | ||
*- Sectioning | *- Sectioning | ||
| + | |||
| + | ===Content Models=== | ||
| + | |||
| + | '''<u>Metadata</u>''': 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>''' | ||
| + | |||
| + | '''<u>Embedded</u>''': Content that imports other resources into the document. | ||
| + | *Elements: '''<audio>, <video>, <canvas>, <iframe>, <img>, <math>, <object>, <svg>''' | ||
| + | |||
| + | '''<u>Interactive</u>''': Content specifically intended for user interaction. | ||
| + | *Elements: '''<a>, <audio>, <video>, <button>, <details>, <embed>, <iframe>, <img>, <input>, <label>, <object>, <select>, <textarea>''' | ||
| + | |||
| + | '''<u>Heading</u>''': Defines a section header. | ||
| + | *Elements: '''<h1, <h2, <h3, <h4, <h5, <h6, <hgroup>''' | ||
| + | |||
| + | '''<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. | ||
Revision as of 13:22, 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.
Advertising:
