HTML 5 Quick Reference Guide PDF

Page 1 of 4 Quick Reference Guide FREE...

Page 1 of 4 Quick Reference Guide FREE HTML 5 Tag Info V Attributes* Tag Info V Attributes* Tag Info V Attributes* comment 4/5 none external inter- 5 height | src | type | ordered list 4/5 start | reversed active content width document type 4/5 none or plugin option group 4/5 disabled | label hyperlink 4/5 href | hreflang | media | fieldset 4/5 disabled | form | name option in a 4/5 disabled | label | ping | rel | target | type drop-down list selected | value group of media 5 global attributes** abbreviation 4/5 global attributes** content, and some types of 5 form their caption output acronym 4 - text font, size, 4 - paragraph 4/5 global attributes** address ele- 4/5 global attributes** and color parameter for 4/5 name | value ment footer for a 5 global attributes** an object applet 4 - section or page preformatted 4/5 global attributes** area inside an 4/5 alt | coords | href | text form 4/5 action | data | replace | image map hreflang | media | ping | accept | accept-charset progress of a 5 max | value rel | shape | target | | enctype | method | task of any kind type target short quotation 4/5 cite article 5 global attributes** sub window 4 - ruby annota- 5 global attributes** outside the 5 global attributes** set of frames 4 - tions main flow of the narrative to header 1 to 4/5 global attributes** provide paren- 5 global attributes** header 6 theses around a sound content 5 autobuffer | autoplay | ruby text controls | loop | src information 4/5 none about the ruby text 5 global attributes** bold text 4/5 global attributes** document component base URL for all 4/5 href | target header for a 5 global attributes** strikethrough 4 - the page links section or page text Base font for 4 - heading section 5 global attributes** sample com- 4/5 global attributes** the document puter code horizontal rule 4/5 global attributes** invoked user 5 type script 4/5 async | type | defer | agent com- html document 4/5 manifest src | charset italic text 4/5 global attributes** section 5 cite direction of text 4/5 dir display inline sub 4/5 src | name | sandbox | selectable list 4/5 autofocus | data | window (frame) seamless | width | disabled | form | big text 4 - height multiple | name long quotation 4/5 cite image 4/5 alt | src | height | small text 4/5 global attributes** ismap | usemap | width body element 4/5 global attributes** media re- 5 media | src | type input field 4/5 accept | alt | auto- sources inserts a single 4/5 global attributes** complete | autofocus | line break checked | disabled | inline section 4/5 global attributes** form | formaction | push button 4/5 autofocus | disabled | formenctype | formme- strikethrough 4 - form | formaction | thod | formnovalidate | text formenctype | formme- formtarget | height | thod | formnovalidate | list | max | maxlength | strong text 4/5 global attributes** formtarget | name | min | multiple | name | type | value pattern | placeholder | style definition 4/5 media | type | scoped readonly | required | Graphic area 5 height | width size | src | step | type | subscripted text 4/5 global attributes** value | width table caption 4/5 global attributes** superscripted 4/5 global attributes** text inserted text 4/5 cite | datetime centered text 4 - table 4/5 global attributes** single-line input 4 - citation 4/5 global attributes** field table body 4/5 global attributes** computer code 4/5 global attributes** keyboard text 4/5 global attributes** table cell 4/5 colspan | rowspan | text headers attributes for 4/5 span label for a form 4/5 for text area 4/5 autofocus | cols | table columns control disabled | form | name groups of table 4/5 span | readonly | required | fieldset title 4/5 global attributes** rows | maxlength | columns placeholder | wrap command 5 checked | default | list item 4/5 value button disabled | hidden | icon table footer 4/5 global attributes** | label | radiogroup | resource 4/5 href | rel | media | type reference hreflang | type | sizes table header 4/5 colspan | rowspan | scope data in a tree, 5 disabled marked text 5 global attributes** list or tabular table header 4/5 global attributes** image map 4/5 id dropdown list 5 global attributes** date/time 5 datetime menu list 4/5 label | type definition document title 4/5 none 4/5 global attributes** description meta informa- 4/5 charset | content | http- table row 4/5 global attributes** deleted text 4/5 cite | datetime tion equiv | name teletype text 4 - details of an 5 open measurement 5 high | low | max | min | within a prede- optimum | value underlined text 4 - element fined range unordered list 4/5 global attributes** dialog 5 global attributes** (conversation) navigation links 5 global attributes** variable 4/5 global attributes** directory list 4 - noframe section 4 - video 5 src | poster | autobuffer | autoplay | loop | section in a 4/5 global attributes** noscript section 4/5 none controls | width | height document embedded 4/5 data | height | type | preformatted 4 - definition term 4/5 title object usemap | width | object text definition list 4/5 global attributes** * Attributes: Lists attributes specific to that tag. Deprecated (html4 definition term 4/5 global attributes** only) attributes are not listed emphasized 4/5 global attributes** ** Global Attributes: class | contenteditable | contextmenu | dir | text draggable | id | irrelevant | lang | ref | registrationmark | tabindex | template | title V = Which version of HTML is this tag valid for http://www.veign.com Part Number: QRG0009 ©2009 Veign, All Rights Reserved Page 2 of 4 Quick Reference Guide FREE HTML 5 - extended Tag Info Attributes Tag Info Attributes comment: comments are button: a button page element autofocus: indicate that a control is to be focused displayed in code only. Tag as soon as the page is loaded [autofocus] none contents are not rendered in disabled: prevents the button from being pressed the browser [disabled] form: used to explicitly associate the button ele- document type: defines ment with its form owner which specification the docu- none formaction: URL that specifies a form processing ment follows agent formenctype: specifies the content type used to anchor: used to provide a link href: destination resource of the hyperlink submit the form to the server [application/x-www- to another web resource hreflang: gives the language of the linked resource form-urlencoded media: describes for which media the target docu- | multipart/form-data | text/plain] ment was designed formmethod: which HTTP method will be used to ping: gives the URLs of the resources that are submit the forms data [get | post | put | delete] interested in being notified if the user follows the formnovalidate: indicate whether the form is to be hyperlink validated during submission [formnovalidate] rel: relationship between the document containing formtarget: gives the target when the form is the hyperlink and the destination resource [alternate submitted [_blank | _parent | _self | _top] | archives | author | bookmark | contact | external | name: elements name feed | first | help | icon | index | last | license | next type: controls the behavior of the button when it is | nofollow | noreferrer | pingback | prefetch | prev | activated [submit | reset | button] search | stylesheet | sidebar | tag | up] value: gives the element's value for the purposes of target: gives the name of the browsing context that form submission will be used [_blank | _parent | _self | _top] type: gives the MIME type of the linked resource canvas element: a resolution- height: height of the canvas in pixels - default is dependent bitmap canvas, which 150 abbreviation: an abbreviation global attributes** can be used for rendering width: width of the canvas in pixels - default is 300 or acronym, optionally with its graphs, game graphics, or other expansion visual images on the fly address element: represents global attributes** table caption: the title of the global attributes** the contact information for its table that is its parent, if it has a nearest article or body element parent and that is a table ele- ancestor ment. area: either a hyperlink with alt: alternate text for the area citation: represents the title of global attributes** some text and a corresponding cords: coordinates for the clickable area a work area on an image map, or a href: destination resource of the hyperlink dead area on an image map hreflang: gives the language of the linked resource computer code text: repre- global attributes** media: describes for which media the target docu- sents a fragment of computer ment was designed code. This could be an XML ping: gives the URLs of the resources that are element name, a filename, a interested in being notified if the user follows the computer program, or any other hyperlink string that a computer would rel: relationship between the document containing recognize. the hyperlink and the destination resource [alternate | archives | author | bookmark | contact | external | column: defines the attribute span: number of columns the tag should span feed | first | help | icon | index | last | license | next values for one or more columns | nofollow | noreferrer | pingback | prefetch | prev | in a table. Used inside of a table search | stylesheet | sidebar | tag | up] or colgroup shape: defines the shape of the area [default | rect | rectangle | circ | circle | poly | polygon] column group: a group of one span: number of columns the tag should span target: gives the name of the browsing context that or more columns in the table will be used [_blank | _parent | _self | _top] that is its parent, if it has a type: gives the MIME type of the linked resource parent and that is a table ele- ment article element: a section of global attributes** a page that consists of a command button: a command type: Specifies the type of command [checkbox | composition that forms an that the user can invoke (like command | radio] independent part of a docu- radio button or checkbox) label: gives the name of the command, as shown to ment, page, or site the user icon: a URL to a picture that represents the com- aside element: a section of a global attributes** mand page that consists of content disabled: prevents the command from being that is tangentially related to executed [disabled] the content around the aside checked: Determines if the command is checked by element, and which could be default [checked] considered separate from that radiogroup: gives the name of the group of com- content mands that will be toggled when the command itself is toggled sound content: represents a autobuffer: determines if the audio will be buffered title: gives a hint describing the command, which sound or audio stream [autobuffer] might be shown to the user to help them autoplay: determine if the audio will automatically play [autoplay] datagrid element: an interac- disabled: defines whether the list is selectable controls: indicates that the author has not provided tive representation of tree, list, [disabled] a scripted controller and would like the user agent to provide its own set of controls [controls] loop: sets whether the audio will start once the end dropdown list: a set of option global attributes** is reached [loop] elements that represent prede- src: URL of the audio to play fined options for other controls bold text: creates text that global attributes** definition description: descrip- global attributes** will be made bold tion, definition, or value, part of a term-description group in a base element: base URL for href: URL to use as the base URL for links in the description list (dl element), and all the page links page the discourse, or quote, part in a target: sets the base target for links in the page conversation (dialog element) [_blank | _parent | _self | _top] deleted text: represents a cite: a URL used to specify the address of a docu- browser button: a user agent type: indicates the kind of command [makeapp] removal from the document ment that explains the change command that the user can datetime: used to specify the time and date of the invoke change bdo element: represents dir: direction override [ltr | rtl] details element: represents open: indicates whether the details are to be shown explicit text directionality additional information or controls to the user [open] formatting control for its which the user can obtain on children demand block quote element: a cite: URL of the origin of the quote dialog element: represents a global attributes** section that is quoted from conversation, meeting minutes, a another source chat transcript, a dialog in a screenplay, an instant message body element: main content global attributes** log, or some other construct in of the document which different players take turns break: inserts a single line global attributes** break document block: creates a global attributes** block level element with no special meaning attributes - values in [] are the accepted values http://www.veign.com Part Number: QRG0009 ©2009 Veign, All Rights Reserved Page 3 of 4 Quick Reference Guide FREE HTML 5 - extended Tag Info Attributes Tag Info Attributes definition term: the defining title: the exact value of the term being defined input field: a typed data field, Attributes are dependant upon input type instance of a term usually with a form control to accept: specified to provide user agents with a hint allow the user to edit the data of what file types the server will be able to accept definition list: an association global attributes** alt: provides the textual label for the alternative list consisting of zero or more button for users and user agents who cannot use name-value groups (a descrip- the image tion list). Each group must autocomplete: determines if the data is considered consist of one or more names sensitive and if autocomplete will be used [on | off | (dt elements) followed by one default] or more values (dd elements) autofocus: determines if the input will get focus when a page loads [autofocus] definition term: the term, or global attributes** checked: determines if the input will be checked by name, part of a term- default [checked] description group in a descrip- disabled: prevents the input from being pressed tion list (dl element), and the [disabled] talker, or speaker, part of a form: used to explicitly associate the button ele- talker-discourse pair in a ment with its form owner conversation (dialog element) formaction: URL that specifies a form processing agent emphasized text: represents global attributes** formenctype: specifies the content type used to stress emphasis of its contents. submit the form to the server [application/x-www- form-urlencoded embed element: an external src: URL of the resource being embedded | multipart/form-data | text/plain] (typically non-HTML) applica- type: gives the MIME type of the plugin to instanti- formmethod: which HTTP method will be used to tion or interactive content ate submit the forms data [get | post | put | delete] height: height of the embedded content in pixels formnovalidate: indicate whether the form is to be width: width of the embedded content in pixels validated during submission [formnovalidate] formtarget: gives the target when the form is fieldset element: a set of disabled: controls whether all the form control submitted [_blank | _parent | _self | _top] form controls grouped under a descendants are disabled [disabled] height: height of the input in pixels common name form: used to explicitly associate the fieldset list: used to identify an element that lists prede- element with its form owner fined options suggested to the user name: gives the name of the form control max and max: indicate the allowed range of values for the element figure element: some flow global attributes** maxlength: controls the maxlength of the input to content, optionally with a a control caption, that is self-contained multiple: indicates whether the user is to be and is typically referenced as a allowed to specify more than one value [multiple] single unit from the main flow name: elements name of the document pattern: specifies a regular expression against which the control's value is to be checked footer element: represents a global attributes** placeholder: a short hint intended to aid the user footer for the section it applies with data entry to readonly: determines if the control is readonly [readonly] form element: represents a accept-charset: gives the character encodings that required: determines if the input is required before collection of form-associated are to be used for the submission the form submits [required] elements, some of which can action: URL that specifies a form processing agent size: gives the number of characters that, in a represent editable values that autocomplete: determines if form elements will visual rendering, the user agent is to allow the user can be submitted to a server have their autocomplete turned on or off by default to see while editing for processing [on | off] src: URL to an image (image button) enctype: specifies the content type used to submit step: indicates the granularity that is expected (and the form to the server [application/x-www-form- required) of the value urlencoded type: controls the data type (and associated con- | multipart/form-data | text/plain] trol) of the element [hidden | text | search | tel | url method: which HTTP method will be used to submit | email | password | datetime | date | month | week the forms data [get | post | put | delete] | time | datetime-local | number | range | color | name: elements name checkbox | radio | file | submit | image | reset | novalidate: indicate whether the form is to be button] validated during submission [novalidate] value: sets the element's value target: gives the target when the form is submitted width: width of the input in pixels [_blank | _parent | _self | _top] inserted text: an addition to cite: a URL used to specify the address of a docu- to headers (1-6): represent global attributes** the document ment that explains the change headings for their sections. datetime: used to specify the time and date of the elements have a rank given by change the number in their name keyboard text: user input global attributes** head element: contains (typically keyboard input, al- information about the docu- none though it may also be used to ment represent other input, such as voice commands) header element: represents a global attributes** group of introductory or for: specified to indicate a form control with which label: caption in a user interface navigational aids the caption is to be associated heading group: used to group global attributes** fieldset title: sets the title of a global attributes** a set of h1–h6 elements when fieldset element the heading has multiple levels, such as subheadings, list item: represents a list item value: used in an Ordered List (OL) to set the alternative titles, or taglines of an Ordered (OL) or Unordered display value list (UL) horizontal rule: creates a global attributes** horizontal rule (line) resource link: allows authors to href: destination resource of the hyperlink link their document to other rel: relationship between the document containing html document: root of an manifest: a URL to the address of the document's resources the hyperlink and the destination resource [alternate HTML document. application cache manifest | archives | author | bookmark | contact | external | feed | first | help | icon | index | last | license | next italic text: indicates the text global attributes** | nofollow | noreferrer | pingback | prefetch | prev | is to be rendered with empha- search | stylesheet | sidebar | tag | up] sis media: describes for which media the target docu- ment was designed inline frame: represents a src: URL of a page that the nested browsing context hreflang: gives the language of the linked resource nested browsing window is to contain type: gives the MIME type of the linked resource name: elements name sizes: gives the sizes of icons for visual media. sandbox: enables a set of extra restrictions on any content hosted by the iframe [allow-same-origin | marked text: a run of text in global attributes** allow-forms | allow-scripts] one document marked or high- seamless: indicates whether the iframe element's lighted for reference purposes, browsing context is to be rendered in a manner that due to its relevance in another makes it appear to be part of the containing docu- context. ment [seamless] height: height of the frame in pixels image map: in conjunction with name: gives the map a name so that it can be width: width of the frame in pixels any area element descendants, referenced defines an image map image: represents an image alt: text to display if the image can not src: a URL to the image file menu list: a list of commands label: sets a visible label for the menu usemap: name of the map to use for the image type: indicates the kind of menu being declared ismap: provides access to a server-side image map [context | toolbar | list] height: height of the image in pixels width: width of the image in pixels attributes - values in [] are the accepted values http://www.veign.com Part Number: QRG0009 ©2009 Veign, All Rights Reserved Page 4 of 4 Quick Reference Guide FREE HTML 5 - extended Tag Info Attributes Tag Info Attributes meta information: sets meta charset: specifies the character encoding used by selectable list: a control for autofocus: determines if the controls gets focus information for the page (like the document selecting amongst a set of when the page loads [autofocus] title, description) content: sets the value of the document metadata options disabled: prevent the selection of an item http-equiv: sets a pragma directive [content- [disabled] language | content-type | default-style | refresh] form: form to associate the select with name: set the name of the meta information multiple: allows the selection of multiple items [multiple] meter element: scalar meas- high: specifies the range that is considered to be size: gives the number of options to show to the urement within a known range, the "high" part user or a fractional value low: specifies the range that is considered to be the "low" part small text: small print or other global attributes** min: specifies the lower boundary side comments max: specifies the upper boundary optimum: specifies the range that is considered to source element: allows authors media: gives the intended media type of the media be the "optimum" part to specify multiple media re- resource value: current location within the range sources for media elements. src: URL of the media resource type: gives the MIME type of the source navigation element: section of global attributes** a page that links to other pages span: used for an inline element global attributes** or to parts within the page: a section with navigation links strong: represents strong global attributes** importance for its contents noscript section: represents global attributes** nothing if scripting is enabled, style definition: allows authors media: says which media the styles apply to and represents its children if to embed style information in type: gives the MIME type (default: text/css) scripting is disabled their documents scoped: indicates that the styles are intended just for the subtree rooted at the style element's parent embedded object: an external data: specifies the address of the resource element [scoped] resource, which, depending on name: valid browsing context name subscript: subscript text global attributes** the type of the resource, will usemap: name of the map to use for the image either be treated as an image, as form: form to associate the object with superscript: superscript text global attributes** a nested browsing context, or as type: gives the MIME type of the plugin to instanti- an external resource to be ate table element: represents data global attributes** processed by a plugin height: height of the embedded content in pixels with more than one dimension, width: width of the embedded content in pixels in the form of a table ordered list: list of items, start: the ordinal value of the first list item table body: represents a block global attributes** where the items have been reversed: indicates that the list is a descending list of rows that consist of a body of intentionally ordered [reversed] data for a table option group: a group of option disabled: disables all options in the group table cell: represents a data cell colspan: sets how many columns a cell will span elements with a common label [disabled] in a table rowspan: sets how many rows a cell will span label: gives the name of the group, as shown to the headers: space separated list of ids corresponding user to the th ids and give header information for the cell option element: an option in a disabled: prevent any clicks on an option item text area: a multiline plain text autofocus: determines if the textarea gets focus select element or as part of a list [disabled] edit control for the element's raw when the page loads [autofocus] of suggestions in a datalist label: provides a label for element value cols: specifies the expected maximum number of element selected: determines if the option is selected by characters per line default [selected] disabled: prevents entry of text [disabled] value: provides a value for element form: form to associate the textarea with readonly: control whether the text can be edited by output element: the result of a form: used to explicitly associate the output ele- the user or not [readonly] calculation ment with its form owner required: will be required to enter a value before for: allows an explicit relationship to be made submitting the form [required] between the result of a calculation and the elements rows: specifies the number of lines to show that represent the values that went into the calcula- maxlength: controls the maximum amount of tion or that influenced the calculation characters which can be entered global attributes** placeholder: a hint intended to aid the user with paragraph: creates a paragraph data entry parameter element: defines name: gives the name of the parameter. wrap: defines how text is wrapped [soft | hard] parameters for plugins invoked value: gives the value of the parameter. table footer: the block of rows global attributes** by object elements. It does not that consist of the column represent anything on its own summaries (footers) for a table preformatted text: represents global attributes** table header: represents a colspan: determines how many columns a cell will a block of preformatted text header cell in a table span progress element: represents max: specifies how much work the task requires in rowspan: determines how many rows a cell will span the completion progress of a total headers: space separated list of ids corresponding task. value: specifies how much of the task has been completed to the th ids and give header information for the cell scope: determines where the cell provides its header short quotation: phrasing cite: a URL of a page where the quote was taken information [col | colgroup | row | rowgroup] content quoted from another from table header: the block of rows global attributes** source that consist of the column labels ruby annotations: allows one global attributes** (headers) for a table or more spans of phrasing date/time: a precise date and/ datetime: date/time using the Gregorian calendar content to be marked with ruby or a time in the Gregorian annotations calendar ruby text parentheses: can be global attributes** title element: sets the title of used to provide parentheses none the document around a ruby text component of a ruby annotation table row: a row of cells in a global attributes** table ruby text component: marks global attributes** the ruby text component of a unordered list: a list of items, global attributes** ruby annotation where the order of the items is not important sample: sample output from a global attributes** program or computing system. variable: this could be an actual global attributes** variable in a mathematical script element: allows authors async: the script will be executed asynchronously, expression or programming to include dynamic script and as soon as it is available [async] context data blocks in their documents type: gives the MIME type of the script or format of the data video element: a video or poster: URL of an image file that the user agent defer: the script is executed when the page has movie can show while no video data is available finished parsing [defer] autobuffer: determines if the audio will be buffered src: gives the address of the external script re- [autobuffer] source to use autoplay: determine if the audio will automatically charset: specifies the character encoding of the play [autoplay] external script resource controls: indicates that the author has not provided a scripted controller and would like the user agent to section element: represents a cite: a URL of a page where the section was taken provide its own set of controls [controls] generic document or application from loop: sets whether the audio will start once the end section is reached [loop] src: URL of the audio to play width: width of the video in pixels height: height of the video in pixels attributes - values in [] are the accepted values http://www.veign.com Part Number: QRG0009 ©2009 Veign, All Rights Reserved