HTML 5 Subset
<colgroup>
The <colgroup> tag specifies a group of one or more columns in a table for formatting. The <colgroup> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row.
<figcaption>
The <figcaption> tag defines a caption for a <figure> element. The <figcaption> element can be placed as the first or last child of the <figure> element.
<figure>
The <figure> tag specifies self-contained content, like illustrations, diagrams, photos, code listings, etc. While the content of the <figure> element is related to the main flow, its position is independent of the main flow, and if removed it should not affect the flow of the document.
<dl>
Defines a definition list.
<address>
Element represents the contact information for the section it applies to. If it applies to the body element, then it instead applies to the document as a whole
<code>, <var>, <samp>
Represents a fragment of computer code.
<cite>
Represents the title of a work, such as an article, a book, a poem, a song, a film, or any other creative work.
<!DOCTYPE>
The <!DOCTYPE> declaration must be the very first thing in your HTML5 document, before the <html> tag. The <!DOCTYPE> declaration is not an HTML tag; it is an instruction to the web browser about what version of HTML the page is written in.
<audio>
The <audio> tag defines sound, such as music or other audio streams.
<caption>
The <caption> tag defines a table caption.
<col>
The <col> tag specifies column properties for each column within a <colgroup> element. The <col> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row.
<data>
The HTML <data> Element links a given content with a machine-readable translation. If the content is time- or date-related, the <time> must be used.
<dialog>
The HTML <dialog> element represents a dialog box or other interactive component, such as an inspector or window. <form> elements can be integrated within a dialog by specifying them with the attribute method="dialog". When such a form is submitted, the dialog is closed with a returnValue attribute set to the value of the submit button used. The ::backdrop CSS pseudo-element can be used to style behind a <dialog> element, for example to dim inaccessible content whilst a modal dialog is active.
<ins>
The HTML <ins> Element (or HTML Inserted Text) HTML represents a range of text that has been added to a document.
<legend>
The HTML <legend> Element (or HTML Legend Field Element) represents a caption for the content of its parent <fieldset>.
<form novalidate>
The novalidate attribute is a boolean attribute. When present, it specifies that the form-data (input) should not be validated when submitted.
<article>
<article> tag specifies independent, self-contained content. An article should make sense on its own and it should be possible to distribute it independently from the rest of the site.
<base>
<base> tag specifies the base URL/target for all relative URLs in a document. There can be at maximum one <base> element in a document, and it must be inside the <head> element.
<dt>
<dt> tag is used in conjunction with <dl> (defines the definition list) and <dd> (describes the item in the list).
<footer>
<footer> tag defines a footer for a document or section. A <footer> element should contain information about it's containing element. A footer typically contains the author of the document, copyright information, links to terms of use, contact information, etc. You can have several <footer> elements in one document.
<i>
<i> tag defines a part of text in an alternate voice or mood. The <i> tag is typically displayed in italic type.
<mark>
<mark> tag defines marked text. Use the <mark> tag if you want to highlight parts of your text.
refresh
<meta http-equiv="refresh" content="30" />
Define a description of your web page
<meta name="description" content="Free Web tutorials on HTML and CSS" />
Define keywords for search engines
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />
Define the last revision of your page
<meta name="revised" content="Hege Refsnes, 23/10/2011" />
<pre>
<pre> tag defines preformatted text. Text in a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks.
<section>
<section> tag defines sections in a document. Such as chapters, headers, footers, or any other sections of the document.
<video>
<video> tag specifies video, such as a movie clip or other video streams.
<abbr>
Abbreviation tag. By marking up abbreviations you can give useful information to browsers, spell checkers, translation systems and search-engine indexers.
<header>
The <header> tag specifies a header for a document or section. The <header> element should be used as a container for introductory content or set of navigational links. You can have several <header> elements in one document. Note: A <header> tag cannot be placed within a <footer>, <address> or another <header> element.
<hgroup>
The <hgroup> element is used to group a set of <h1> to <h6> elements, when a heading has multiple levels (subheadings).
<link>
The <link> tag defines the relationship between a document and an external resource. The <link> tag is most used to link to style sheets.
<nav>
The <nav> tag defines a section of navigation links. Not all links of a document must be in a <nav> element. The <nav> element is intended only for major block of navigation links. Browsers, such as screen readers for disabled users, can use this element to determine whether to omit the initial rendering of this content.
<optgroup>
The <optgroup> is used to group related options in a drop-down list. If you have a long list of options, groups of related options are easier to handle for a user.
<param>
The <param> tag is used to define parameters for plugins embedded with an <object> element. Tip: HTML 5 also includes two new elements for playing audio or video: The <audio> and <video> tags.
<s>
The <s> tag specifies text that is no longer correct, accurate or relevant by stricking it out. The <s> tag should not be used to define replaced or deleted text, use the <del> tag to define replaced or deleted text.
<source>
The <source> tag is used to specify multiple media resources for media elements, such as <video> and <audio>. The <source> tag allows you to specify alternative video/audio files which the browser may choose from, based on its media type or codec support.
<aside>
The HTML <aside> element represents a section of the page with content connected tangentially to the rest, which could be considered separate from that content. These sections are often represented as sidebars or inserts. They often contain the definitions on the sidebars, such as definitions from the glossary; there may also be other types of information, such as related advertisements; the biography of the author; web applications; profile information or related links on the blog. Usage notes: Do not use the <aside> element to tag parenthesized text, as this kind of text is considered part of the main flow.
<caption>
The HTML <caption> Element (or HTML Table Caption Element) represents the title of a table. Though it is always the first descendant of a <table>, its styling, using CSS, may place it elsewhere, relative to the table. Usage note: When the <table> element that is the parent of this <caption> is the only descendant of a <figure> element, use the <figcaption> element instead.
<menu>
The HTML <menu> element represents a group of commands that a user can perform or activate. This includes both list menus, which might appear across the top of a screen, as well as context menus, such as those that might appear underneath a button after it has been clicked. Usage note: The <menu> and <ul> elements both represent an unordered list of items. The key difference is that <ul> primarily contains items for display, whilst <menu> is intended for interactive items, to act on.
<menuitem>
The HTML <menuitem> element represents a command that a user is able to invoke through a popup menu. This includes context menus, as well as menus that might be attached to a menu button. A command can either be defined explicitly, with a textual label and optional icon to describe its appearance, or alternatively as an indirect command whose behavior is defined by a separate element. Commands can also optionally include a checkbox or be grouped to share radio buttons. (Menu items for indirect commands gain checkboxes or radio buttons when defined against elements <input type="checkbox"> and <input type="radio">.)
<meter>
The HTML <meter> Element represents either a scalar value within a known range or a fractional value.
<output>
The HTML <output> element represents the result of a calculation or user action.
<progress>
The HTML <progress> Element is used to view the completion progress of a task. While the specifics of how it's displayed is left up to the browser developer, it's typically displayed as a progress bar. Javascript can be used to manipulate the value of progress bar.
<shadow>
The HTML <shadow> element is used as a shadow DOM insertion point. You might use it if you have created multiple shadow roots under a shadow host. It is not useful in ordinary HTML. It is used with Web Components.
<time>
The HTML <time> element represents either a time on a 24-hour clock or a precise date in the Gregorian calendar (with optional time and timezone information). This element is intended to be used presenting dates and times in a machine readable format. This can be helpful for user agents to offer any event scheduling for user's calendar. Usage note: This element is not appropriate for instances where a specific date cannot be calculated, nor should it be used for dates prior to the introduction to the Gregorian calendar (due to complications with calculating those dates).
<track>
The HTML <track> element is used as a child of the media elements—<audio> and <video>. It lets you specify timed text tracks (or time-based data), for example to automatically handle subtitles. The tracks are formatted in WebVTT format (.vtt files) — Web Video Text Tracks. The type of data that track adds to the media is set in the kind attribute, which can take values of subtitles, captions, descriptions, chapters or metadata. The element points to a source file containing timed text that the browser exposes when the user requests additional data. A media element cannot have more than one track with the same kind, srclang, and label.
<datalist>
The HTML Datalist Element (<datalist>) contains a set of <option> elements that represent the values available for other controls.
<dfn>
The HTML Definition Element (<dfn>) represents the defining instance of a term. HTML5 Usage Notes: The <dfn> element marks the term being defined; the definition of the term should be given by the surrounding <p>, <section> or definition list group (usually a <dt>, <dd> pair). The exact value of the term being defined is determined by the following rules: If the <dfn> element has a title attribute, then the term is the value of that attribute. Else, if it contains only an <abbr> element with a title attribute, then the term is the value of that attribute. Otherwise, the text content of the <dfn> element is the term being defined.
<details>
The HTML Details Element (<details>) is used as a disclosure widget from which the user can retrieve additional information.
<kbd>
The HTML Keyboard Input Element (<kbd>) represents user input and produces an inline element displayed in the browser's default monospace font.
<q>
The HTML Quote Element (<q>) indicates that the enclosed text is a short inline quotation. This element is intended for short quotations that don't require paragraph breaks; for long quotations use <blockquote> element.
<summary>
The HTML summary element (<summary>) is used as a summary, caption, or legend for the content of a <details> element.
HTMLFormElement.enctype
The HTMLFormElement.enctype property is the MIME type of content that is used to submit the form to the server. Possible values are: application/x-www-form-urlencoded: The initial default type. multipart/form-data: The type that allows file <input> element(s) to upload file data. text/plain: A type introduced in HTML5. This value can be overridden by a formenctype attribute on a <button> or <input> element.
<wbr>
The Word Break Opportunity (<wbr>) specifies where in a text it would be ok to add a line-break.
contenteditable Attribute
The contenteditable attribute specifies whether the content of an element is editable or not. <p contenteditable="true">This is an editable paragraph.</p> true - Specifies that the element is editable false - Specifies that the element is not editable inherit - Specifies that the element is editable if its parent is
<link>
The link is for linking to other resources, such as stylesheets, favicons and syndication feeds.
<input list="">
The list attribute refers to a <datalist> element that contains pre-defined options for an <input> element.
<input min="" max="">
The min and max attributes specify the minimum and maximum value for an <input> element. Note: The min and max attributes works with the following input types: number, range, date, datetime, datetime-local, month, time and week.
<input multiple>
The multiple attribute is a boolean attribute. When present, it specifies that the user is allowed to enter more than one value in the <input> element. Note: The multiple attribute works with the following input types: email, and file.
<input pattern="">
The pattern attribute specifies a regular expression that the <input> element's value is checked against. Note: The pattern attribute works with the following input types: text, search, url, tel, email, and password. Tip: Use the global title attribute to describe the pattern to help the user. Tip: Learn more about regular expressions in our JavaScript tutorial.
<video poster="">
The poster attribute specifies an image to be shown while the video is downloading, or until the user hits the play button. If this is not included, the first frame of the video will be used instead.
<video preload="">
The preload attribute specifies if and how the author thinks that the video should be loaded when the page loads. The preload attribute allows the author to provide a hint to the browser about what he/she thinks will lead to the best user experience. This attribute may be ignored in some instances.
<input required="">
The required attribute is a Boolean attribute. When present, it specifies that an input field must be filled out before submitting the form. Note: The required attribute works with the following input types: text, search, url, tel, email, password, date pickers, number, checkbox, radio, and file.
<input step="">
The step attribute specifies the legal number intervals for an <input> element. Example: if step="3", legal numbers could be -3, 0, 3, 6, etc. Tip: The step attribute can be used together with the max and min attributes to create a range of legal values. Note: The step attribute works with the following input types: number, range, date, datetime, datetime-local, month, time and week.
<del>
Used to define replaced or deleted text.
<dd>
Used to describe an item in a definition list.
<bdo>
Used to override the current text direction.
<noscript>
Used to provide alternative content for users using browsers that do not support scripting or have it disabled.
Input types
button: A push button with no default behavior. checkbox: A check box. You must use the value attribute to define the value submitted by this item. Use the checked attribute to indicate whether this item is selected. You can also use the indeterminate attribute (which can only be set programmatically) to indicate that the checkbox is in an indeterminate state (on most platforms, this draws a horizontal line across the checkbox). color: HTML5 A control for specifying a color. A color picker's UI has no required features other than accepting simple colors as text (more info). date: HTML5 A control for entering a date (year, month, and day, with no time). datetime: HTML5 A control for entering a date and time (hour, minute, second, and fraction of a second) based on UTC time zone. This feature has been removed from WHATWG HTML. datetime-local: HTML5 A control for entering a date and time, with no time zone. email: HTML5 A field for editing an e-mail address. The input value is validated to contain either the empty string or a single valid e-mail address before submitting. The :valid and :invalid CSS pseudo-classes are applied as appropriate. file: A control that lets the user select a file. Use the accept attribute to define the types of files that the control can select. hidden: A control that is not displayed, but whose value is submitted to the server. image: A graphical submit button. You must use the src attribute to define the source of the image and the alt attribute to define alternative text. You can use the height and width attributes to define the size of the image in pixels. month: HTML5 A control for entering a month and year, with no time zone. number: HTML5 A control for entering a floating point number. password: A single-line text field whose value is obscured. Use the maxlength attribute to specify the maximum length of the value that can be entered. radio: A radio button. You must use the value attribute to define the value submitted by this item. Use the checked attribute to indicate whether this item is selected by default. Radio buttons that have the same value for the name attribute are in the same "radio button group"; only one radio button in a group can be selected at a time. range: HTML5 A control for entering a number whose exact value is not important. This type control uses the following default values if the corresponding attributes are not specified: min: 0 max: 100 value: min + (max-min)/2, or min if max is less than min step: 1 reset: A button that resets the contents of the form to default values. search: HTML5 A single-line text field for entering search strings; line-breaks are automatically removed from the input value. submit: A button that submits the form. tel: HTML5 A control for entering a telephone number; line-breaks are automatically removed from the input value, but no other syntax is enforced. You can use attributes such as pattern and maxlength to restrict values entered in the control. The :valid and :invalid CSS pseudo-classes are applied as appropriate. text: A single-line text field; line-breaks are automatically removed from the input value. time: HTML5 A control for entering a time value with no time zone. url: HTML5 A field for editing a URL. The input value is validated to contain either the empty string or a valid absolute URL before submitting. Line-breaks and leading or trailing whitespace are automatically removed from the input value. You can use attributes such as pattern and maxlength to restrict values entered in the control. The :valid and :invalid CSS pseudo-classes are applied as appropriate. week: HTML5 A control for entering a date consisting of a week-year number and a week number with no time zone.
