HTML5

Meta

• base - Base URL for all relative URLs
• head
• link
• meta
• style
• title

Structural

• header - Header for its parent’s content
• nav - Collection of links
• main - Primary site content
• section - Group of content with a heading
• article - Independently redistributable content with a heading
• aside
• footer - Footer for its parent’s content
• div
• span
• h1-h6
• ul
• ol
• li
• dl - Description list, key-value pairs
• dt - Term
• dd - Description

Application

• dialog
• menu
• menuitem - Command invoked from a menu
• meter - Scalar measurement with a range
• progress

Text

• p
• em - Emphasis
• strong - Strong emphasis
• b - Different, no emphasis, eg. product names or keywords
• i - Different, no emphasis, eg. foreign or technical terms, thoughts
• s - Irrelevant or inaccurate
• mark - Highlighted
• hr - Thematic break between paragraphs
• wbr - Word break opportunity
• pre
• br
• cite
• code - Code snippet
• kybd - Inline simulated user-input
• samp - Sample computer output
• var - Variable in computer output
• q - Inline quotation
• blockquote
• data - Value with a machine-readable value, eg. a UPC
• a
• abbr - Abbreviation, use “title” attribute for full word
• small - Side comments and fine print, eg. legal
• sub - Subscript, eg. for math
• sup - Superscript, eg. for math
• del - Deleted text from an edit
• ins - Inserted text from an edit
• time
• address - Contact information for an article
• ul
• ol
• li
• details - Hideable
• summary - Header for details tag

Media

• map - Image map
• area - Hotspot inside a map
• audio
• video
• track - Defines captioning for audio and video
• source - Asset for audio or video
• figure - Wraps an image for markup
• img
• figcaption - Caption a figure

Tables

• table
• caption - Title of a table, goes right after table
• tbody
• tr
• td
• th - Header for a group of cells, defined by scope and headers
• thead - Rows defining the heads of columns
• colgroup - Group of columns
• col - Column that should have a consistent style
• tfoot - Rows defining the summary of columns

Form Helpers

• form
• input
• output
• keygen - Sets up public/private key with server
• button
• fieldset - Group of controls and labels
• legend - Caption for a fieldset
• form
• datalist - Has option tags for an input list
• select
• optgroup - Group of options in a select element
• option
• textarea

Input Types

• text
• color
• date
• datetime
• datetime-local
• email
• month
• number
• range
• search
• tel
• time
• url
• week

Input Attributes

• accept="audio/*"
• autocomplete="on"
• alt="alt-text" - Only for image types
• autofocus="autofocus" - Gets focus when page loads
• form="id" - Form the input belongs to
• formaction="url" - Url that will process the input on submit
• formenctype="application/x-www-form-urlencoded"
• formmethod="post" - For formaction
• formnovalidate="formnovalidate" - If this input shouldn’t validate on submit
• formtarget="_blank" - Where to display response
• height="100px" - Only for image type
• width="100px" - Only for image type
• list="datalist-id" - Refers to a datalist element that has predefined options for the input
• min="5"
• max="7"
• maxlength="3"
• multiple="multiple"
• pattern="regexp" - Validates the input
• placeholder="text" - Hint
• required="require" - Must be filled out before submitting
• readonly="readonly"
• size="3" - Width of input element
• src="u/r/l" - For image type that will be used as a submit button
• step="2" - Intervals for a numeric input
• disabled="disabled"