HTML5 - KeynesYouDigIt/Knowledge GitHub Wiki
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"