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"