#READ ME
<!DOCTYPE html>(doctype)htmlheadbody
meta(self-closing)- used for
charset="UTF-8"attribute/value - can be used for many other purposes
- used for
link(self-closing)- used to include external resources (i.e. css)
script- used to include scripts (i.e. javascript)
title
a- frequently used with
hrefattribute to create hyperlinks
- frequently used with
h1h2h3h4h5h6
p
em(emphasis)strong(strong emphasis)
subsup
ul(unordered list)ol(ordered list)li(list item)dl(definition list)dt(defnition term)dd(definition)
abbr(be sure to usetitleattribute)
blockquoteq- can use
citeattribute to include a URL
mark
addressbr(self-closing, use for address; sparingly otherwise)- only for site owner, not any address
insdel- remember to style
insusing css
small- appropriate for 'legal' text, copyright info in footer
code(code sample)kbd(keyboard input)samp(computer output)
time- remember to use
datetimeattribute - datetime should be formatted:
YYYY-MM-DD HH:MM(i.e. 2015-01-28 18:00)
tabletr(table row)th(table header)td(table data cell)
- in addition to the tags above
caption(table caption)colgroup(column grouping)col(column)thead(table head)tbody(table body)tfoot(table footer)
audioimg(self-closing)figurefigcaption(caption forfigure)map(imagemap)area(clickable area in anmap; self-closing)videosource(specifices media source foraudio,video)track(provideds metadata foraudio,video)
headernavmainsectionarticleasidefooter
cite(citation of a creative work)data(machine-readable content)- utilizes
valueattribute dfn(a term to be defined)var(variables in mathematical expressions)
These tags have no meaning but are acceptable to use (if necessary) when applying CSS or Javascript.
div(block element)span(inline element)
Do not use the following tags as they are presentational and provided no context. Their default styles can be applied using CSS.
bhrisu