Está en la página 1de 4

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 <embed> external inter- 5 height | src | type | <ol> ordered list 4/5 start | reversed
active content width
<!DOCTYPE> document type 4/5 none or plugin <optgroup> option group 4/5 disabled | label

<a> hyperlink 4/5 href | hreflang | media | <fieldset> fieldset 4/5 disabled | form | name <option> option in a 4/5 disabled | label |
ping | rel | target | type drop-down list selected | value
<figure> group of media 5 global attributes**
<abbr> abbreviation 4/5 global attributes** content, and <output> some types of 5 form
their caption output
<acronym> acronym 4 -
<font> text font, size, 4 - <p> paragraph 4/5 global attributes**
<address> address ele- 4/5 global attributes** and color
<param> parameter for 4/5 name | value
ment
<footer> footer for a 5 global attributes** an object
<applet> applet 4 - section or page
<pre> preformatted 4/5 global attributes**
<area> area inside an 4/5 alt | coords | href | text
<form> form 4/5 action | data | replace |
image map hreflang | media | ping | accept | accept-charset
<progress> progress of a 5 max | value
rel | shape | target | | enctype | method |
task of any kind
type target
<q> short quotation 4/5 cite
<article> article 5 global attributes** <frame> sub window 4 -
<ruby> ruby annota- 5 global attributes**
<aside> outside the 5 global attributes** <frameset> set of frames 4 - tions
main flow of
the narrative <h1> to <h6> header 1 to 4/5 global attributes** <rp> provide paren- 5 global attributes**
header 6 theses around a
<audio> sound content 5 autobuffer | autoplay | ruby text
controls | loop | src <head> information 4/5 none
about the <rt> ruby text 5 global attributes**
<b> bold text 4/5 global attributes** document component
<base> base URL for all 4/5 href | target <header> header for a 5 global attributes** <s> strikethrough 4 -
the page links section or page text
<basefont> Base font for 4 - <hgroup> heading section 5 global attributes** <samp> sample com- 4/5 global attributes**
the document puter code
<hr> horizontal rule 4/5 global attributes**
<bb> invoked user 5 type <script> script 4/5 async | type | defer |
agent com- <html> html document 4/5 manifest src | charset
mand
<i> italic text 4/5 global attributes** <section> section 5 cite
<bdo> direction of text 4/5 dir
display <iframe> inline sub 4/5 src | name | sandbox | <select> selectable list 4/5 autofocus | data |
window (frame) seamless | width | disabled | form |
<big> big text 4 - height multiple | name

<blockquote> long quotation 4/5 cite <img> image 4/5 alt | src | height | <small> small text 4/5 global attributes**
ismap | usemap | width
<body> body element 4/5 global attributes** <source> media re- 5 media | src | type
<input> input field 4/5 accept | alt | auto- sources
<br> inserts a single 4/5 global attributes** complete | autofocus |
line break checked | disabled | <span> inline section 4/5 global attributes**
form | formaction |
<button> push button 4/5 autofocus | disabled | formenctype | formme- <strike> strikethrough 4 -
form | formaction | thod | formnovalidate | text
formenctype | formme- formtarget | height |
thod | formnovalidate | list | max | maxlength | <strong> strong text 4/5 global attributes**
formtarget | name | min | multiple | name |
type | value pattern | placeholder | <style> style definition 4/5 media | type | scoped
readonly | required |
<canvas> Graphic area 5 height | width size | src | step | type | <sub> subscripted text 4/5 global attributes**
value | width
<caption> table caption 4/5 global attributes** <sup> superscripted 4/5 global attributes**
text
<ins> inserted text 4/5 cite | datetime
<center> centered text 4 -
<table> table 4/5 summary
<isindex> single-line input 4 -
<cite> citation 4/5 global attributes**
field <tbody> table body 4/5 global attributes**
<code> computer code 4/5 global attributes**
<kbd> keyboard text 4/5 global attributes** <td> table cell 4/5 colspan | rowspan |
text
headers
<col> attributes for 4/5 span
<label> label for a form 4/5 for <textarea> text area 4/5 autofocus | cols |
table columns
control disabled | form | name
<colgroup> groups of table 4/5 span | readonly | required |
<legend> fieldset title 4/5 global attributes** rows | maxlength |
columns

<command> command 5 checked | default | <li> list item 4/5 value


button disabled | hidden | icon <tfoot> table footer 4/5 global attributes**
| label | radiogroup | <link> resource 4/5 href | rel | media |
type reference hreflang | type | sizes <th> table header 4/5 colspan | rowspan |
scope
<datagrid> data in a tree, 5 disabled <mark> marked text 5 global attributes**
list or tabular <thead> table header 4/5 global attributes**
<map> image map 4/5 id
<datalist> dropdown list 5 global attributes** <time> date/time 5 datetime | pubdate
<menu> menu list 4/5 label | type
<title> document title 4/5 none
<dd> definition 4/5 global attributes**
description
<meta> meta informa- 4/5 charset | content | http- <tr> table row 4/5 global attributes**
<del> deleted text 4/5 cite | datetime tion equiv | name
<tt> teletype text 4 -
<details> details of an 5 open <meter> measurement 5 high | low | max | min |
within a prede- optimum | value <u> underlined text 4 -
element
fined range
<ul> unordered list 4/5 global attributes**
<dialog> dialog 5 global attributes**
(conversation) <nav> navigation links 5 global attributes**
<var> variable 4/5 global attributes**
<dir> directory list 4 - <noframes> noframe section 4 - <video> video 5 src | poster | autobuffer
| autoplay | loop |
<div> section in a 4/5 global attributes** <noscript> noscript section 4/5 none controls | width | height
document
<object> embedded 4/5 data | height | type | <xmp> preformatted 4 -
<dfn> definition term 4/5 title object usemap | width | object text

<dl> definition list 4/5 global attributes**


* Attributes: Lists attributes specific to that tag. Deprecated (html4
<dt> definition term 4/5 global attributes**
only) attributes are not listed
<em> 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
Page 2 of 4 Quick Reference Guide FREE

HTML 5 - extended
Tag Info Attributes Tag Info Attributes

<!-- --> comment: comments are <button> 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-
<!DOCTYPE> 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
<a> 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> canvas element: a resolution- height: height of the canvas in pixels - default is
dependent bitmap canvas, which 150
<abbr> 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> address element: represents global attributes** <caption> 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> area: either a hyperlink with alt: alternate text for the area <cite> 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 <code> 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 | <col> 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] <colgroup> 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> article element: a section of global attributes**
a page that consists of a <command> 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> 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
<audio> 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> 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 <datalist> 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

<b> bold text: creates text that global attributes** <dd> definition description: descrip- global attributes**
will be made bold tion, definition, or value, part of
a term-description group in a
<base> 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]
<del> deleted text: represents a cite: a URL used to specify the address of a docu-
<bb> 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> bdo element: represents dir: direction override [ltr | rtl] <details> 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

<blockquote> block quote element: a cite: URL of the origin of the quote <dialog> 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> body element: main content global attributes** log, or some other construct in
of the document which different players take
turns
<br> break: inserts a single line global attributes**
break <div> document block: creates a global attributes**
block level element with no
special meaning

attributes - values in [] are the accepted values


Page 3 of 4 Quick Reference Guide FREE

HTML 5 - extended
Tag Info Attributes Tag Info Attributes

<dfn> definition term: the defining title: the exact value of the term being defined <input> 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
<dl> 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]
<dt> 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
<em> 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> 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> 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> 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> footer element: represents a global attributes** placeholder: a short hint intended to aid the user
footer for the section it applies with data entry
readonly: determines if the control is readonly
[readonly]
<form> 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]
<ins> inserted text: an addition to cite: a URL used to specify the address of a docu-
<h1> to <h6> 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
<kbd> keyboard text: user input global attributes**
<head> 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
<header> header element: represents a global attributes** voice commands)
group of introductory or
<label> label: caption in a user interface for: specified to indicate a form control with which
navigational aids
the caption is to be associated
<hgroup> heading group: used to group global attributes**
<legend> 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, <li> 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
<hr> horizontal rule: creates a global attributes**
horizontal rule (line) <link> resource link: allows authors to href: destination resource of the hyperlink
link their document to other rel: relationship between the document containing
<html> 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
<i> 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-
<iframe> inline frame: represents a src: URL of a page that the nested browsing context ment was designed
nested browsing window is to contain hreflang: gives the language of the linked resource
name: elements name type: gives the MIME type of the linked resource
sandbox: enables a set of extra restrictions on any sizes: gives the sizes of icons for visual media.
content hosted by the iframe [allow-same-origin |
<mark> 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
<map> 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
<img> image: represents an image alt: text to display if the image can not
src: a URL to the image file
<menu> 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


Page 4 of 4 Quick Reference Guide FREE

HTML 5 - extended
Tag Info Attributes Tag Info Attributes

<meta> meta information: sets meta charset: specifies the character encoding used by <select> 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> 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> 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> 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
<nav> navigation element: section of global attributes**
a page that links to other pages <span> span: used for an inline element global attributes**
or to parts within the page: a
section with navigation links <strong> strong: represents strong global attributes**
importance for its contents
<noscript> noscript section: represents global attributes**
nothing if scripting is enabled, <style> 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
<object> embedded object: an external data: specifies the address of the resource element [scoped]
resource, which, depending on name: valid browsing context name
<sub> 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
<sup> 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> table element: represents data summary: a technique for providing explanatory
processed by a plugin height: height of the embedded content in pixels with more than one dimension, text for complex tables for users of screen readers
width: width of the embedded content in pixels
in the form of a table
<ol> ordered list: list of items, start: the ordinal value of the first list item
table body: represents a block global attributes**
<tbody>
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
<optgroup> 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
<td>
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> option element: an option in a disabled: prevent any clicks on an option item <textarea> 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> 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
<p> paragraph: creates a paragraph
data entry
<param> 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.
<tfoot> 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
<pre> preformatted text: represents global attributes**
<th> 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
<progress>
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
<q> short quotation: phrasing cite: a URL of a page where the quote was taken information [col | colgroup | row | rowgroup]
content quoted from another from
<thead> table header: the block of rows global attributes**
source
that consist of the column labels
<ruby> ruby annotations: allows one global attributes** (headers) for a table
or more spans of phrasing
<time> 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 pubdate: indicates that the date and time given by
annotations
calendar the element is the publication date and time
<rp> ruby text parentheses: can be global attributes** [pubdate]
used to provide parentheses
<title> title element: sets the title of
around a ruby text component of none
the document
a ruby annotation
<tr> table row: a row of cells in a global attributes**
<rt> ruby text component: marks global attributes**
table
the ruby text component of a
ruby annotation <ul> unordered list: a list of items, global attributes**
where the order of the items is
<samp> sample: sample output from a global attributes**
not important
program or computing system.
<var> variable: this could be an actual global attributes**
<script> script element: allows authors async: the script will be executed asynchronously,
variable in a mathematical
to include dynamic script and as soon as it is available [async]
expression or programming
data blocks in their documents type: gives the MIME type of the script or format of
context
the data
defer: the script is executed when the page has video element: a video or poster: URL of an image file that the user agent
<video>
finished parsing [defer] movie can show while no video data is available
src: gives the address of the external script re-
autobuffer: determines if the video will be buffered
source to use [autobuffer]
charset: specifies the character encoding of the autoplay: determine if the video will automatically
external script resource
play [autoplay]
controls: indicates that the author has not provided
<section> section element: represents a cite: a URL of a page where the section was taken
a scripted controller and would like the user agent to
generic document or application from
provide its own set of controls [controls]
section
loop: sets whether the video will start once the end
is reached [loop]
src: URL of the video to play
width: width of the video in pixels
attributes - values in [] are the accepted values height: height of the video in pixels

También podría gustarte