HTML Cheat Sheet for Transition to HTML 5 - HTML 5 Reference for ...
HTML Cheat Sheet for Transition to HTML 5 - HTML 5 Reference for ...
HTML Cheat Sheet for Transition to HTML 5 - HTML 5 Reference for ...
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
<strong>HTML</strong> <strong>Cheat</strong> <strong>Sheet</strong> <strong>for</strong> <strong>Transition</strong> <strong>to</strong> <strong>HTML</strong> 5Definitions of Acronyms and AbbreviationsDefined term, not definition, in title attributeA blog is an online journal.A blog or weblog is an online journal.A blog, short <strong>for</strong> weblog, is an online journal. gets default title from an tag that is its only contentNASCAR sanctions many different mo<strong>to</strong>r racesOverride default title on when expanding acronymsTLA stands <strong>for</strong> "ThreeLetter Acronym"or, look up the acronym in the Acronym Finder at Acronyms .net and justcopy-and-paste the codeNamespacesNamespace URI Declarationxmlns="http://www.w3.org/1999/xhtml"xmlns:html="http://www.w3.org/1999/xhtml"xmlns:mathml="http://www.w3.org/1998/Math/MathML"xmlns:svg="http://www.w3.org/2000/svg"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance""http://www.w3.org/XML/1998/namespace" (implicit)<strong>HTML</strong>MathMLSVGPurposeXML schemainstance documentXML Section Tags<strong>HTML</strong> Tag Purpose Attributesbase URL <strong>for</strong> other URLsin the documentbase font, deprecatedinput field <strong>to</strong> submitkeyword-based query,deprecatedreference <strong>to</strong> externalresourcehref targethref rel charset hreflang media revsizes target title type common HTTP header equivalent http-equiv content charset<strong>HTML</strong> Tag Purpose Attributescentered blocks,deprecated citation common program code common table column align char charoff span valignwidth commongroup of tablecolumnsalign char charoff span valignwidth common New accesskey checked defaultdisabled hidden icon labelradiogroup type common New disabled common New common definition description common deleted text cite datetime common New open common New commondirec<strong>to</strong>ry listing,deprecated division align common inline defined term title="defined term"title="definition" common definition list compact common term defined in list common emphasized text common New height src type widthcommon New commonfootnotes,deprecatedfont, deprecated New footer section commondisabled <strong>for</strong>m name common <strong>for</strong>m accept accept-charset actiondata enctype method replacePage 3 of 10 3
<strong>HTML</strong> <strong>Cheat</strong> <strong>Sheet</strong> <strong>for</strong> <strong>Transition</strong> <strong>to</strong> <strong>HTML</strong> 5<strong>HTML</strong> Tag Purpose Attributes document metadata name content charset schemecommon dynamic <strong>HTML</strong> script async charset defer language srctype style definitions media type scoped title page title common<strong>HTML</strong> Metatags<strong>HTML</strong> Metatag Purpose Contenthttp-equiv="Cache-Control"http-equiv="Content-Disposition"http-equiv="Content-Language"http-equiv="Content-Type"http-equiv="Default-Style"http-equiv="Expires"http-equiv="Refresh"http-equiv="X-UA-Compatible"name="author"name="classification"name="copyright"name="description"name="<strong>for</strong>matter"name="genera<strong>to</strong>r"name="google"name="googlebot"name="HandheldFriendly"name="keywords"name="rating"name="robots"name="verify"name="viewport"cache controlembedded content orattachmentequivalent <strong>to</strong> HTTPContent-Languageheader, deprecatedcontent media typecache expiration daterefresh or redirectuser agent compatibilityauthorcopyright noticedescriptionGoogle archive directiveGoogle robot directive<strong>for</strong> pages designed <strong>for</strong>handheld deviceskeywordsratingrobots directiveviewport size <strong>for</strong>content="true"<strong>HTML</strong> Tag Purpose Attributes frames, deprecated<strong>to</strong>p level element <strong>for</strong>a web page withframes, deprecatedheading levels 1-6New header sectionNew group ofheadings <strong>for</strong> sectionhorizontal rule <strong>for</strong> athematic breakitalics <strong>for</strong> technicalterms, phrases inother languages, etc.target commonalign commoncommonalign noshade size widthcommoncommon inline frame align frameborder heightlongdesc marginheightmarginwidth name sandboxseamless scrolling src widthcommon image align alt border heighthspace ismap longdescname src usemap vspacewidth common input field or control accept accesskey align altau<strong>to</strong>complete au<strong>to</strong>focuschecked disabled <strong>for</strong>m<strong>for</strong>maction <strong>for</strong>menctype<strong>for</strong>mmethod <strong>for</strong>mnovalidate<strong>for</strong>mtarget height list maxmaxlength min multiple namepattern placeholder readonlyrequired size src step typevalue width common inserted text cite datetime common keyboard input common label <strong>for</strong> <strong>for</strong>m control <strong>for</strong> commonaccesskey align common list item type value ( only)4 Page 4 of 10
<strong>HTML</strong> <strong>Cheat</strong> <strong>Sheet</strong> <strong>for</strong> <strong>Transition</strong> <strong>to</strong> <strong>HTML</strong> 5<strong>HTML</strong> Metatag Purpose Contentsmall-screen / handhelddevicesCommon AttributesAttribute Purpose Exampleaccesskey="..."class="..."contenteditable="..."contextmenu="..."data-*="..."dir="..."draggable="..."id="..."hidden="..."lang="..."spellcheck="..."style="..."tabindex="..."title="..."single case-insensitivecharacter <strong>to</strong> changefocus, deprecatedspace-separated list ofclass names <strong>for</strong> CSS ordynamic selectionNewNewNew author-definedattributesNewNewISO 639-1 languagecode, ISO 3166-1country code, variantNewinline styles separated bysemicolonstitleclass="<strong>to</strong>do high" matches .<strong>to</strong>doand .high selec<strong>to</strong>rs in CSSlang="en" lang="en-US"xml:lang="..." same as lang use lang instead, without the"xml:" prefixEvent AttributesAttribute Purpose Exampleonabort="..."onbe<strong>for</strong>eonload="..."onbe<strong>for</strong>eunload="..."onblur="..."onchange="..."abort eventbe<strong>for</strong>e onload eventbe<strong>for</strong>e unload eventlost focus eventcontent changed event<strong>HTML</strong> Tag Purpose AttributesNew mark selectedtextcommoncommon image map name common menu list compact label type common New meter or gauge high low max min optimumvalue commonNew navigationsectionAlternate content <strong>to</strong>be displayed whenthe tag isnot supported,deprecatedAlternate content <strong>to</strong>be displayed whenframes are notsupported,deprecatedfallback content whenscripting is disabledcommonNo replacement neededsince the embed tag hasbeen standardized in <strong>HTML</strong>5No replacement neededsince frames have beenremoved from the <strong>HTML</strong> 5standardcommon embedded object align archive border classidcodebase codetype datadeclare height hspace objectstandby type usemap vspacewidth common ordered list compact reversed start typecommon option group disabled label common option in selection list disabled label selected valuecommon New <strong>for</strong>m common paragraph align common parameter <strong>for</strong> object name type value valuetypecommon pre<strong>for</strong>matted text width common New progress bar max value common quotation cite commonPage 5 of 10 5
<strong>HTML</strong> <strong>Cheat</strong> <strong>Sheet</strong> <strong>for</strong> <strong>Transition</strong> <strong>to</strong> <strong>HTML</strong> 5onclick="..."Attribute Purpose Exampleoncontextmenu="..."oncopy="..."oncut="..."ondblclick="..."ondrag="..."ondragend="..."ondragenter="..."ondragleave="..."ondragover="..."ondragstart="..."ondrop="..."onerror="..."onfocus="..."ongesturechange="..."ongestureend="..."ongesturestart="..."onkeydown="..."onkeypress="..."onkeyup="..."onload="..."onmousedown="..."onmousemove="..."onmouseout="..."onmouseover="..."onmouseup="..."onmousewheel="..."onmove="..."mouse clicked eventcontext menu eventcopy eventcut eventmouse double-clickedeventdrag eventdrag ended eventdrag entered eventdrag exited eventdrag over eventdrag start eventdrop eventerror eventgained focus eventgesture change eventend of gesture eventstart of gesture eventkey pressed down eventkey pressed eventkey released eventdocument loaded eventmouse but<strong>to</strong>n presseddown eventmouse moved eventmouse cursor exitedeventmouse cursor enteredeventmouse but<strong>to</strong>n releasedeventmouse wheel rotatedeventmove event<strong>HTML</strong> Tag Purpose AttributesNew parenthesizedruby textcommon New ruby text common New ruby annotation commonstrike-through text,deprecatedsample program code common New section cite common selection list au<strong>to</strong>focus data disabled <strong>for</strong>mmultiple name commonsmaller text <strong>for</strong>comments andlegaleseNew external mediasourcecommon inline group commonstrike-through text,deprecatedtext with greaterimportancemedia src type commoncommon subscript common superscript common table layout align bgcolor bordercellpadding cellspacingframe rules summary widthcommon table body align char charoff valigncommon table cell abbr align axis bgcolor charcharoff colspan headersheight nowrap rowspanscope valign width common text input area accesskey au<strong>to</strong>focus colsdisabled <strong>for</strong>m maxlengthname placeholder readonlyrequired rows wrap common table footer align char charoff valigncommon6 Page 6 of 10
<strong>HTML</strong> <strong>Cheat</strong> <strong>Sheet</strong> <strong>for</strong> <strong>Transition</strong> <strong>to</strong> <strong>HTML</strong> 5Attribute Purpose Exampleonorientationchange="..."onpaste="..."onreset="..."onresize="..."onscroll="..."onselect="..."onsubmit="..."on<strong>to</strong>uchcancel="..."on<strong>to</strong>uchend="..."on<strong>to</strong>uchmove="..."ons<strong>to</strong>uchstart="..."onunload="..."allauralbraillehandheldprintprojectionscreenttytvscreen,handhelddevice orientationchanged eventpaste event<strong>for</strong>m reset eventresize eventscroll eventselect event<strong>for</strong>m submit event<strong>to</strong>uch cancelled event<strong>to</strong>uch ended event<strong>to</strong>uch move event<strong>to</strong>uch started eventdocument unloadedevent<strong>HTML</strong> Media Types and ExpressionsMedia TypeDescriptionhandheld and (min-width:200px)<strong>for</strong> all device types, default<strong>for</strong> speech synthesizers<strong>for</strong> braille printers<strong>for</strong> handheld devices such as cell phones,PDAs and other mobile Internet devices<strong>for</strong> printers<strong>for</strong> projection displays<strong>for</strong> traditional computer-based web browsers<strong>for</strong> teletypes and other media withfixed-width-character output<strong>for</strong> televisions and similar devices with limitedinput capabilitycomma-separated "or"-ed listexpressions with media queries<strong>HTML</strong> Tag Purpose Attributes table column heading abbr align axis bgcolor charcharoff height nowrap valignwidth common table heading align char charoff valigncommon New time and/or date datetime common table row align bgcolor char charoffvalign commonteletype text,deprecatedunderlined text,deprecated unordered list compact type common variable commonNew embedded video au<strong>to</strong>buffer au<strong>to</strong>play controlsheight loop poster src widthcommonexample code usingpre<strong>for</strong>matted text,deprecatedDirec<strong>to</strong>ryIndex /index.htmlDirective.htaccessdefault pagePurposePage 7 of 10 7
<strong>HTML</strong> <strong>Cheat</strong> <strong>Sheet</strong> <strong>for</strong> <strong>Transition</strong> <strong>to</strong> <strong>HTML</strong> 5ErrorDocument 404 /error.htmlDirectiveAddType application/xhtml+xml;charset=utf-8 htmlerror pagePurpose<strong>HTML</strong> 5 media typeThis is an au<strong>to</strong>matically-generated printer-friendly PDF version of the <strong>HTML</strong> web pages at <strong>HTML</strong> <strong>Cheat</strong> <strong>Sheet</strong> <strong>for</strong> <strong>Transition</strong> <strong>to</strong> <strong>HTML</strong> 5← CLICK HERE <strong>to</strong> get the standard <strong>HTML</strong> version of this document.8 Page 8 of 10
Index anchor tag... 1abbreviations... 3 tag... 2acronyms... 3 tag... 2 tag... 2 link tag... 1ampersand... 1 placemark link... 1apostrophe... 1 tag... 2 tag... 2 tag... 2 tag... 2attribute coding... 2 tag... 2aural media type... 7author-defined attributes... 5background sound... 2 tag... 3 tag... 3 tag... 2 tag... 2 tag... 2 tag... 2 tag... 2 tag... 1body tags... 1bold text... 2boolean attributes... 2braille media type... 7 tag... 2 tag... 2bullet... 2 tag... 2 tag... 2 tag... 2 tag... 3cents sign... 2character encoding... 1 tag... 3 tag... 3 tag... 3 tag... 3column headings... 7 tag... 3comments... 2common attributes... 5context menu event... 6copyright symbol... 2 tag... 3 tag... 3date tag... 7 tag... 3definition description... 3definition list... 3definitions... 3 tag... 3 tag... 3 tag... 3 tag... 3 tag... 3 tag... 3 tag... 3document type... 1 tag... 3 tag... 3empty tags... 2 tag... 3event attributes... 5event attributes... 5 tag... 3 tag... 3 tag... 3 tag... 3 tag... 3 tag... 3 tag... 4 tag... 4gauge... 5global attributes... 5handheld media type... 7 tag... 4heading tags... 4 section... 1 section tags... 3 tag... 1 tag... 4horizontal rule... 4 tag... 4.htaccess file... 7<strong>HTML</strong> attribute coding... 2 tag... 1<strong>HTML</strong> tag coding... 2<strong>HTML</strong> version attribute... 1http-equiv metatag... 3 tag... 4image map... 5 tag... 4 tag... 4 tag... 4 tag... 3 tag... 4italicized text... 4 tag... 4 tag... 4 tag... 4line break... 2 tag... 3list item... 4 tag... 4manifest attribute... 1 tag... 5 tag... 5media queries... 7media types... 7 tag... 5 tag... 4metatags... 4 tag... 5namespaces... 3 tag... 5nested tags... 2 tag... 5 tag... 5non-breaking space... 2 tag... 5 tag... 5 tag... 5 tag... 5 tag... 5 tag... 5page title... 4 tag... 5pre<strong>for</strong>matted text... 7 tag... 5print media type... 7 tag... 5projection media type... 7 tag... 5 tag... 5quotation... 5quotes... 1registered trademark... 2 tag... 6 tag... 6ruby annotation... 6ruby parenthesized text... 6 tag... 6ruby text... 6 tag... 6screen media type... 7Page 9 of 10 9
tag... 4 tag... 6selection list... 6 tag... 6 tag... 6 tag... 6 tag... 6 tag... 6 tag... 6 tag... 6style attributes... 2style attributes... 2style sheets... 1 tag... 4 tag... 6 tag... 6table body... 6table caption... 2table cell... 6table footer... 6table heading... 7 tag... 6 tag... 6 tag... 6teletype text... 7 tag... 6text input area... 6 tag... 6 tag... 7 tag... 7 tag... 7 tag... 1 tag... 4trademark... 2 tag... 7 tag... 7tty media type... 7tv media type... 7 tag... 7underlined text... 7unordered list... 7 tag... 7 tag... 7 tag... 7void tags... 2xml declaration... 1xmlns attribute... 1XML version attribute... 1 tag... 7Index10 Page 10 of 10
Change language