HTML 5 <!DOCTYPE HTML>
HTML 4 / XHTML / HTML5
HTML5-Compliant Browsers and Such...
HTML 5 Outlines
Major HTML5 Feature Groups
Each element in HTML falls into zero or more categories that group elements with similar characteristics together. The following broad categories are used in this specification:
- Metadata content
- Metadata content is content that sets up the presentation or behavior of the rest of the content, or that sets up the relationship of the document with other documents, or that conveys other "out of band" information.
- Flow content
- Most elements that are used in the body of documents and applications are categorized as flow content.
- Sectioning content
- Sectioning content is content that defines the scope of headings and footers: article, aside, nav, section .Each sectioning content element potentially has a heading and an outline.
- Heading content
- Heading content defines the header of a section (whether explicitly marked up using sectioning content elements, or implied by the heading content itself: h1,h2,h3,h4,h5,h6,hgroup.
- Phrasing content
- Phrasing content is the text of the document, as well as elements that mark up that text at the intra-paragraph level. Runs of phrasing content form paragraphs.
- Embedded content
- Embedded content is content that imports another resource into the document, or content from another vocabulary that is inserted into the document: audio, canvas, embed, iframe, img, math object, svg, video,
- Interactive content
- Interactive content is content that is specifically intended for user interaction.
New Markup Elements
- < mark>
New Media Elements
- <audio> For multimedia content, sounds, music or other audio streams
- <video> For video content, such as a movie clip or other video streams
- <source> For media resources for media elements, defined inside video or audio elements
- <embed> For embedded content, such as a plug-in
- <track> For text tracks used in mediaplayers
The Canvas Element
<canvas> For making graphics with a script
New Form Elements
New Input Type Attribute Values
- The input value is of type telephone number
- The input field is a search field
- The input value is one or more email addresses
- The input value is a date and/or time
- The input value is a date
- The input value is a month
- The input value is a week
- The input value is of type time
- The input value is a local date/time
- The input value is a number
- The input value is a number in a given range
- The input value is a hexadecimal color, like #FF8800
- Specifies a short hint that describes the expected value of an input field
- Specifies a keyboard shortcut to access an element.
- Specifies a classname for an element (used to specify a class in a style sheet).
- Specifies if the user is allowed to edit the content or not. The contenteditable attribute Editable Content example
- Specifies the context menu for an element.
- Author defined attributes.Authors of a HTML document can define their own attributes. Must start with "data-".
- Specifies the text direction for the content in an element.
Specifies whether or not a user is allowed to drag an element.
- HTML5′s New "form" Attribute
- Specifies that the element is not relevant. Hidden elements are not displayed.
- Specifies a unique id for an element.
- Used to group elements.
- Used to group items.
- Specifies a language code for the content in an element. Language code reference spellcheck Specifies if the element must have it's spelling or grammar checked.
- Specifies an inline style for an element.
- Scoped: The scoped attribute is a boolean attribute. If present, it indicates that the styles are intended just for the subtree rooted at the style element's parent element, as opposed to the whole Document.
- Specifies the element's corresponding item.
- Specifies the tab order of an element.
- Specifies extra information about an element.
- local storage
- session storage
Widget Packaging and Configuration
Web SQL Database