elements.json

{"a":"\r\n            <p>If the a element has an <code>href</code> attribute, then it represents a <code>hyperlink</code> (a <code>hypertext</code> anchor). If the a element has no <code>href</code> attribute, then the element represents a placeholder for where a link might otherwise have been placed, if it had been relevant.</p>\r\n\r\n\t\t\t<p>The <code>target</code>, <code>rel</code>, <code>media</code>, <code>hreflang</code>, and <code>type</code> attributes must be omitted if the <code>href</code> attribute is not present.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-a-element\" title=\"W3.org link to a element\">http://dev.w3.org/html5/spec/Overview.html#the-a-element</a>\r\n                <a class=\"code\" href=\"#a-element\" title=\"A Element\">code snippet</a>    \r\n\t\t\t</footer>\r\n            ","abbr":"\r\n            <p>Represents an abbreviation or acronym. The optional <code>title</code> attribute may be used to provide an expansion of the abbreviation. If specified, the title attribute must contain an expansion of the abbreviation and nothing else.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-abbr-element\" title=\"W3.org link to abbr element\">http://dev.w3.org/html5/spec/Overview.html#the-abbr-element</a>\r\n\r\n                <a class=\"code\" href=\"#abbr-element\" title=\"Abbr Element\">code snippet</a>\r\n            </footer>\r\n            ","address":"\r\n            <p>Represents the contact information for its enclosing section. If it is a child of the <code>body</code> element, then it applies to the document as a whole.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-address-element\" title=\"W3.org link to address element\">http://dev.w3.org/html5/spec/Overview.html#the-address-element</a>\r\n                <a class=\"code\" href=\"#address-element\" title=\"Address Element\">code snippet</a>\r\n            </footer>\r\n\r\n            ","area":"\r\n            <p>The <code>area</code> element represents either a <code>hyperlink</code> with some text and a corresponding area on an image map, or a dead area on an image map.</p>\r\n\r\n\t\t\t<p>If the area element has no <code>href</code> attribute, then the area represented by the element cannot be selected, and the <code>alt</code> attribute must be omitted.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-area-element\" title=\"W3.org link to area element\">http://dev.w3.org/html5/spec/Overview.html#the-area-element</a>\r\n                <a class=\"code\" href=\"#area-element\" title=\"Area Element\">code snippet</a>\r\n\r\n            </footer>\r\n            ","article":"\r\n            <p>Represents a section of a page that consists of a composition that forms an independent part of a document, page, or site. This could be a forum post, a magazine or newspaper article, a Web log entry, a user-submitted comment, or any other independent item of content.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-article-element\" title=\"W3.org link to article element\">http://dev.w3.org/html5/spec/Overview.html#the-article-element</a>\r\n                <a class=\"code\" href=\"#article-element\" title=\"Article Element\">code snippet</a>\r\n            </footer>\r\n            ","aside":"\r\n            <p>Represents a section of a page consisting of content that is tangentially related to the content around the <code>aside</code> element, and which could be considered separate from that content. Such sections are often represented as sidebars in printed typography.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-aside-element\" title=\"W3.org link to aside element\">http://dev.w3.org/html5/spec/Overview.html#the-aside-element</a>\r\n\r\n                <a class=\"code\" href=\"#aside-element\" title=\"Aside Element\">code snippet</a>\r\n            </footer>\r\n            ","audio":"\r\n\r\n            <p>Represents a sound or audio stream.</p>\r\n            <p>Content may be nested inside the <code>audio</code> element. User agents should not show this content to the user. Authors should use this content to force older browsers to use a legacy audio plugin or to inform the user of how to access the audio content.</p>\r\n            <p><strong>Supported audio codecs:</strong></p>\r\n            <ul>\r\n                <li>Chrome 3+ supports <code>.ogg</code> and <code>.wav</code></li>\r\n\r\n                <li>Firefox 3.5+ supports <code>.ogg</code> and <code>.wav</code></li>\r\n                <li>Opera 10.5+ supports <code>.ogg</code> and <code>.wav</code></li>\r\n                <li>Safari 4+ supports <code>.mp3</code> and <code>.wav</code></li>\r\n\r\n            </ul>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#audio\" title=\"W3.org link to audio element\">http://dev.w3.org/html5/spec/Overview.html#audio</a>\r\n                <a class=\"code\" href=\"#audio-element\" title=\"Audio Element\">code snippet</a>\r\n            </footer>\r\n            ","b":"\r\n            <p>Represents a span of text to be stylistically offset from the normal prose without conveying any extra importance. Examples are key words in a document abstract, product names in a review, or other spans of text whose typical typographic presentation is bold.</p>\r\n\r\n\t\t\t<p>The <code>b</code> element should be used as a last resort when no other element is more appropriate. In particular, headings should use the <code>h1</code> to <code>h6</code> elements, stress emphasis should use the em element, importance should be denoted with the strong element, and text marked or highlighted should use the mark element.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-b-element\" title=\"W3.org link to b element\">http://dev.w3.org/html5/spec/Overview.html#the-b-element</a>\r\n\r\n                <a class=\"code\" href=\"#b-element\" title=\"B Element\">code snippet</a>                \r\n            </footer>\r\n            ","base":"\r\n\r\n            <p>The <code>base</code> element allows authors to specify the document base URL for the purposes of resolving relative URLs, and the name of the default browsing context for the purposes of following hyperlinks. The element does not represent any content beyond this information.</p>\r\n\t\t\t<p>There must be no more than one <code>base</code> element per document. A <code>base</code> element must have either an <code>href</code> attribute, a <code>target</code> attribute, or both.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-base-element\" title=\"W3.org link to base element\">http://dev.w3.org/html5/spec/Overview.html#the-base-element</a>\r\n                <a class=\"code\" href=\"#base-element\" title=\"Base Element\">code snippet</a>\r\n            </footer>\r\n            ","bdi":"\r\n            <p>The <code>bdi</code> element represents a span of text that is to be isolated from its surroundings for the purposes of bidirectional text formatting.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/text-level-semantics.html#the-bdi-element\" title=\"W3.org link to bdi element\">http://dev.w3.org/html5/spec/text-level-semantics.html#the-bdi-element</a>\r\n                <a class=\"code\" href=\"#bdi-element\" title=\"BDI Element\">code snippet</a>\r\n\r\n            </footer>\r\n            ","bdo":"\r\n            <p>The <code>bdo</code> element represents explicit text directionality formatting control for its children. It allows authors to override the Unicode bidirectional algorithm by explicitly specifying a direction override.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/text-level-semantics.html#the-bdo-element\" title=\"W3.org link to bdo element\">http://dev.w3.org/html5/spec/text-level-semantics.html#the-bdo-element</a>\r\n                <a class=\"code\" href=\"#bdo-element\" title=\"BDO Element\">code snippet</a>\r\n            </footer>\r\n            ","blockquote":"\r\n            <p>The <code>blockquote</code> element represents a section that is quoted from another source.</p>\r\n\t\t\t<p>Content inside a <code>blockquote</code> must be quoted from another source, whose address, if it has one, may be cited in the cite attribute.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-blockquote-element\" title=\"W3.org link to blockquote element\">http://dev.w3.org/html5/spec/Overview.html#the-blockquote-element</a>\r\n                <a class=\"code\" href=\"#blockquote-element\" title=\"Blockquote Element\">code snippet</a>\r\n            </footer>\r\n            ","body":"\r\n            <p>The <code>body</code> element represents the main content of the document.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-body-element-0\" title=\"W3.org link to body element\">http://dev.w3.org/html5/spec/Overview.html#the-body-element-0</a>\r\n                <a class=\"code\" href=\"#body-element\" title=\"Body Element\">code snippet</a>\r\n\r\n            </footer>\r\n            ","br":"\r\n            <p>The <code>br</code> element represents a line break. <code>br</code> elements must be used only for line breaks that are actually part of the content, as in poems or addresses. <code>br</code> elements must not be used for separating thematic groups in a paragraph.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-br-element\" title=\"W3.org link to br element\">http://dev.w3.org/html5/spec/Overview.html#the-br-element</a>\r\n                <a class=\"code\" href=\"#br-element\" title=\"Br Element\">code snippet</a>\r\n            </footer>\r\n            ","button":"\r\n            <p>The <code>button</code> element represents a button. If the element is not disabled, then the user agent should allow the user to activate the button.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-button-element\" title=\"W3.org link to button element\">http://dev.w3.org/html5/spec/Overview.html#the-button-element</a>\r\n                <a class=\"code\" href=\"#button-element\" title=\"Button Element\">code snippet</a>\r\n\r\n            </footer>\r\n            ","canvas":"\r\n            <p>Represents a resolution-dependent bitmap canvas, which can be used for rendering graphs, game graphics, or other visual images on the fly.</p>\r\n\t\t\t<p>Authors should not use the <code>canvas</code> element in a document when a more suitable element is available. For example, it is inappropriate to use a <code>canvas</code> element to render a page heading. If the desired presentation of the heading is graphically intense, it should be marked up using appropriate elements (typically <code>h1</code>) and then styled using <code>CSS</code> and supporting technologies such as <code>XBL</code>.</p>\r\n\r\n\t\t\t<p>When authors use the <code>canvas</code> element, they must also provide content that, when presented to the user, conveys essentially the same function or purpose as the bitmap canvas. This content should be nested within the canvas element as a fallback.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-canvas-element\" title=\"W3.org link to canvas element\">http://dev.w3.org/html5/spec/Overview.html#the-canvas-element</a>\r\n                <a class=\"code\" href=\"#canvas-element\" title=\"Canvas Element\">code snippet</a>\r\n            </footer>\r\n            ","caption":"\r\n            <p>The <code>caption</code> element represents the title of the <code>table</code> that is its parent, if it has a parent and that is a table element.</p><p>When a <code>table</code> element is the only content in a <code>figure</code> element other than the <code>figcaption</code>, the <code>caption</code> element should be omitted in favor of the <code>figcaption</code>.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-caption-element\" title=\"W3.org link to caption element\">http://dev.w3.org/html5/spec/Overview.html#the-caption-element</a>\r\n                <a class=\"code\" href=\"#caption-element\" title=\"Caption Element\">code snippet</a>\r\n            </footer>\r\n            ","cite":"\r\n            <p>The <code>cite</code> element represents the title of a work (e.g. a book, a paper, an essay, a poem, a score, a song, a script, a film, a TV show, a game, a sculpture, a painting, a theatre production, a play, an opera, a musical, an exhibition, a legal case report, etc). This can be a work that is being quoted or referenced in detail (i.e. a citation), or it can just be a work that is mentioned in passing.</p>\r\n\t\t\t<p>A person's name is not the title of a work — even if people call that person a piece of work — and the element must therefore not be used to mark up people's names. (In some cases, the b element might be appropriate for names; e.g. in a gossip article where the names of famous people are keywords rendered with a different style to draw attention to them. In other cases, if an element is really needed, the span element can be used.)</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-cite-element\" title=\"W3.org link to cite element\">http://dev.w3.org/html5/spec/Overview.html#the-cite-element</a>\r\n\r\n                <a class=\"code\" href=\"#cite-element\" title=\"Cite Element\">code snippet</a>\r\n            </footer>\r\n            ","code":"\r\n\r\n            <p>The <code>code</code> element represents a fragment of computer code. This could be an <code>XML</code> element name, a filename, a computer program, or any other string that a computer would recognize.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-code-element\" title=\"W3.org link to code element\">http://dev.w3.org/html5/spec/Overview.html#the-code-element</a>\r\n                <a class=\"code\" href=\"#code-element\" title=\"Code Element\">code snippet</a>\r\n\r\n            </footer>\r\n            ","col":"\r\n            <p>If a <code>col</code> element has a parent and that is a <code>colgroup</code> element that itself has a parent that is a <code>table</code> element, then the <code>col</code> element represents one or more columns in the column group represented by that <code>colgroup</code>.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-col-element\" title=\"W3.org link to col element\">http://dev.w3.org/html5/spec/Overview.html#the-col-element</a>\r\n                <a class=\"code\" href=\"#col-element\" title=\"Col Element\">code snippet</a>\r\n            </footer>\r\n            ","colgroup":"\r\n            <p>The <code>colgroup</code> element represents a group of one or more columns in the table that is its parent, if it has a parent and that is a <code>table</code> element.</p>\r\n\t\t\t<p>If the <code>colgroup</code> element contains no col elements, then the element may have a <code>span</code> content attribute specified, whose value must be a valid non-negative integer greater than zero.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-colgroup-element\" title=\"W3.org link to colgroup element\">http://dev.w3.org/html5/spec/Overview.html#the-colgroup-element</a>\r\n                <a class=\"code\" href=\"#colgroup-element\" title=\"Colgroup Element\">code snippet</a>\r\n            </footer>\r\n            ","command":"\r\n            <p>The <code>command</code> element represents a command that the user can invoke. A command can be part of a context menu or toolbar, using the <code>menu</code> element, or can be put anywhere else in the page, to define a keyboard shortcut.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-command\" title=\"W3.org link to command element\">http://dev.w3.org/html5/spec/Overview.html#the-command</a>\r\n\r\n                <a class=\"code\" href=\"#command-element\" title=\"Command Element\">code snippet</a>\r\n            </footer>\r\n            ","datalist":"\r\n            <p>The <code>datalist</code> element represents a set of option elements that represent predefined options for other controls. The contents of the element represents fallback content for legacy user agents, intermixed with <code>option</code> elements that represent the predefined options. In the rendering, the <code>datalist</code> element represents nothing and it, along with its children, should be hidden.</p>\r\n\r\n\t\t\t<p>The <code>datalist</code> element is hooked up to an <code>input</code> element using the list attribute on the <code>input</code> element.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-datalist-element\" title=\"W3.org link to datalist element\">http://dev.w3.org/html5/spec/Overview.html#the-datalist-element</a>\r\n\r\n                <a class=\"code\" href=\"#datalist-element\" title=\"Datalist Element\">code snippet</a>\r\n            </footer>\r\n            ","dd":"\r\n\r\n            <p>The <code>dd</code> element represents the description, definition, or value, part of a term-description group in a description list (<code>dl</code> element).</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-dd-element\" title=\"W3.org link to dd element\">http://dev.w3.org/html5/spec/Overview.html#the-dd-element</a>\r\n                <a class=\"code\" href=\"#dd-element\" title=\"DD Element\">code snippet</a>\r\n\r\n            </footer>\r\n            ","del":"\r\n            <p>The <code>del</code> element represents a removal from the document. Thedel elements should not cross implied paragraph boundaries</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-del-element\" title=\"W3.org link to del element\">http://dev.w3.org/html5/spec/Overview.html#the-del-element</a>\r\n                <a class=\"code\" href=\"#del-element\" title=\"Del Element\">code snippet</a>\r\n            </footer>\r\n            ","details":"\r\n            <p>The <code>details</code> element represents a disclosure widget from which the user can obtain additional information or controls. However, the <code>details</code> element is not appropriate for footnotes.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-details-element\" title=\"W3.org link to details element\">http://dev.w3.org/html5/spec/Overview.html#the-details-element</a>\r\n\r\n                <a class=\"code\" href=\"#details-element\" title=\"Details Element\">code snippet</a>\r\n            </footer>\r\n            ","dfn":"\r\n\r\n            <p>The <code>dfn</code> element represents the defining instance of a term. The paragraph, description list group, or section that is the nearest ancestor of the <code>dfn</code> element must also contain the definition(s) for the term given by the <code>dfn</code> element.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-dfn-element\" title=\"W3.org link to dfn element\">http://dev.w3.org/html5/spec/Overview.html#the-dfn-element</a>\r\n\r\n                <a class=\"code\" href=\"#dfn-element\" title=\"DFN Element\">code snippet</a>\r\n            </footer>\r\n            ","div":"\r\n\r\n            <p>The <code>div</code> element has no special meaning at all. It represents its children. It can be used with the <code>class</code>, <code>lang</code>, and <code>title</code> attributes to mark up semantics common to a group of consecutive elements.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-div-element\" title=\"W3.org link to div element\">http://dev.w3.org/html5/spec/Overview.html#the-div-element</a>\r\n\r\n            \t<a class=\"code\" href=\"#div-element\" title=\"Div Element\">code snippet</a>\r\n            </footer>\r\n            ","dl":"\r\n\r\n            <p>Represents a description list consisting of zero or more name-value groups. Each group must consist of one or more names (<code>dt</code> elements) each followed by one or more values (<code>dd</code> elements).</p>\r\n\t\t\t<p>Name-value groups may be terms and definitions, <code>metadata</code> topics and values, or any other groups of name-value data. The values within a group are alternatives; multiple paragraphs forming part of the same value must all be given within the same <code>dd</code> element.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-dl-element\" title=\"W3.org link to dl element\">http://dev.w3.org/html5/spec/Overview.html#the-dl-element</a>\r\n                <a class=\"code\" href=\"#dl-element\" title=\"DL Element\">code snippet</a>\r\n            </footer>\r\n            ","dt":"\r\n            <p>The <code>dt</code> element represents the term, or name, part of a term-description group in a description list (<code>dl</code> element).</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-dt-element\" title=\"W3.org link to dt element\">http://dev.w3.org/html5/spec/Overview.html#the-dt-element</a>\r\n\r\n                <a class=\"code\" href=\"#dt-element\" title=\"DT Element\">code snippet</a>\r\n            </footer>\r\n            ","doctype":"\r\n\r\n            <p>A <code>DOCTYPE</code> is a required preamble and must consist of the following characters, in this order:</p>\r\n\t\t\t<ol>\r\n\t\t\t\t<li>A string that is an ASCII case-insensitive match for the string \"&lt;!DOCTYPE\".</li>\r\n\t\t\t\t<li>One or more space characters.</li>\r\n\t\t\t\t<li>A string that is an ASCII case-insensitive match for the string \"<code>html</code>\".</li>\r\n\r\n\t\t\t\t<li>Optionally, a <code>DOCTYPE</code> legacy string or an obsolete permitted <code>DOCTYPE</code> string (defined below).</li>\r\n\t\t\t\t<li>Zero or more space characters.</li>\r\n\t\t\t\t<li>A U+003E GREATER-THAN SIGN character ().</li>\r\n            </ol>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-doctype\" title=\"W3.org link to doctype\">http://dev.w3.org/html5/spec/Overview.html#the-doctype</a>\r\n            \t<a class=\"code\" href=\"#doctype-element\" title=\"Doctype Element\">code snippet</a>\r\n            </footer>\r\n            ","em":"\r\n            <p>Represents stress emphasis of its contents. The level of emphasis that a particular piece of content has is given by its number of ancestor <code>em</code> elements. The 'stress' being referred to is linguistic. If spoken, this stress would be emphasised pronunciation on a word that can change the nuance of a sentence.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-em-element\" title=\"W3.org link to em element\">http://dev.w3.org/html5/spec/Overview.html#the-em-element</a>\r\n                <a class=\"code\" href=\"#em-element\" title=\"Em Element\">code snippet</a>\r\n            </footer>\r\n            ","embed":"\r\n            <p>Represents an integration point for an external(typically non-<code>HTML</code>) application or interactive content.</p>\r\n\t\t\t<p>The optional <code>src</code> attribute specifies the URL of the resource being embedded.</p>\r\n\t\t\t<p>The optional type attribute specifies the <code>MIME</code> type of the plugin to instantiate. The value must be a valid <code>MIME</code> type, optionally with parameters. If both the type attribute and the src attribute are present, then the type attribute must specify the same MIME type as the explicit Content-Type metadata of the resource given by the src attribute.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-embed-element\" title=\"W3.org link to embed element\">http://dev.w3.org/html5/spec/Overview.html#the-embed-element</a>\r\n                <a class=\"code\" href=\"#embed-element\" title=\"Embed Element\">code snippet</a>\r\n            </footer>\r\n            ","fieldset":"\r\n            <p>The <code>fieldset</code> element is expected to establish a new block formatting context.</p>\r\n\r\n\t\t\t<p>If the <code>fieldset</code> element has a child that matches the conditions in the list below, then the first such child is the fieldset element's rendered legend:</p>\r\n\t\t\t<ul>\r\n\t\t\t\t<li>The child is a <code>legend</code> element.</li>\r\n\t\t\t\t<li>The child is not out-of-flow (e.g. not absolutely positioned or floated).</li>\r\n\r\n\t\t\t\t<li>The child is generating a box (e.g. it is not '<code>display:none</code>').</li>\r\n\t\t\t</ul>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-fieldset-element\" title=\"W3.org link to fieldset element\">http://dev.w3.org/html5/spec/Overview.html#the-fieldset-element</a>\r\n                <a class=\"code\" href=\"#fieldset-element\" title=\"Fieldset Element\">code snippet</a>\r\n            </footer>\r\n\r\n            ","figcaption":"\r\n            <p>The <code>figcaption</code> element represents a <code>caption</code> or <code>legend</code> for the rest of the contents of the <code>figcaption</code> element's parent <code>figure</code> element, if any.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-figcaption-element\" title=\"W3.org link to figcaption element\">http://dev.w3.org/html5/spec/Overview.html#the-figcaption-element</a>\r\n                <a class=\"code\" href=\"#figcaption-element\" title=\"Figcaption Element\">code snippet</a>\r\n            </footer>\r\n            ","figure":"\r\n            <p>The <code>figure</code> element represents some flow content, optionally with a <code>caption</code>, that is self-contained and is typically referenced as a single unit from the main flow of the document.</p>\r\n\t\t\t<p>The figure element can be used to annotate illustrations, diagrams, photos, code listings, etc., that are referenced in the main content of the document, but that could, without affecting the flow of the document, be moved away from that primary content — e.g., to the side of the page, to dedicated pages, or to an appendix.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-figure-element\" title=\"W3.org link to figure element\">http://dev.w3.org/html5/spec/Overview.html#the-figure-element</a>\r\n                <a class=\"code\" href=\"#figure-element\" title=\"Figure Element\">code snippet</a>\r\n            </footer>\r\n            ","footer":"\r\n            <p>Represents the \"<code>footer</code>\" of a document or section of a document. The <code>footer</code> element typically contains <code>metadata</code> about its enclosing section, such as who wrote it, links to related documents, copyright data, etc. Contact information for the section given in a footer should be marked up using the <code>address</code> element.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-footer-element\" title=\"W3.org link to footer element\">http://dev.w3.org/html5/spec/Overview.html#the-footer-element</a>\r\n                <a class=\"code\" href=\"#footer-element\" title=\"Footer Element\">code snippet</a>\r\n            </footer>\r\n            ","form":"\r\n            <p>The <code>form</code> element represents a collection of form-associated elements, some of which can represent editable values that can be submitted to a server for processing.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-form-element\" title=\"W3.org link to form element\">http://dev.w3.org/html5/spec/Overview.html#the-form-element</a>\r\n                <a class=\"code\" href=\"#form-element\" title=\"Form Element\">code snippet</a>\r\n\r\n            </footer>\r\n            ","h1-h6":"\r\n            <p>Represent headings and subheadings. These elements rank in importance according to the number in their name. The <code>h1</code> element is said to have the highest rank, the <code>h6</code> element has the lowest rank, and two elements with the same name have equal rank.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-h1-h2-h3-h4-h5-and-h6-elements\" title=\"W3.org link to heading elements\">http://dev.w3.org/html5/spec/Overview.html#the-h1-h2-h3-h4-h5-and-h6-elements</a>\r\n\r\n                <a class=\"code\" href=\"#hn-element\" title=\"H(n) Element\">code snippet</a>\r\n            </footer>\r\n            ","head":"\r\n\r\n            <p>The <code>head</code> element represents a collection of <code>metadata</code> for the Document.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-head-element-0\" title=\"W3.org link to head element\">http://dev.w3.org/html5/spec/Overview.html#the-head-element-0</a>\r\n                <a class=\"code\" href=\"#head-element\" title=\"Head Element\">code snippet</a>\r\n\r\n            </footer>\r\n            ","header":"\r\n            <p>Represents the \"<code>header</code>\" of a document or section of a document. The header element is typically used to group a set of <code>h1</code>–<code>h6</code> elements to mark up a page's title with its subtitle or tagline. <code>header</code> elements may, however, contain more than just the section's headings and subheadings — e.g., version history information or publication date.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-header-element\" title=\"W3.org link to header element\">http://dev.w3.org/html5/spec/Overview.html#the-header-element</a>\r\n                <a class=\"code\" href=\"#header-element\" title=\"Header Element\">code snippet</a>\r\n            </footer>\r\n            ","hgroup":"\r\n            <p>Represents the heading of a section. The <code>hgroup</code> element is used to group a set of <code>h1</code>–<code>h6</code> elements when the heading has multiple levels, such as subheadings, alternative titles, or taglines.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-hgroup-element\" title=\"W3.org link to hgroup element\">http://dev.w3.org/html5/spec/Overview.html#the-hgroup-element</a>\r\n                <a class=\"code\" href=\"#hgroup-element\" title=\"Hgroup Element\">code snippet</a>\r\n            </footer>\r\n            ","hr":"\r\n            <p>Represents a paragraph-level thematic break. The \"paragraph-level\" bit means between blocks of text, so it can't be used to separate sections of a site. Instead, <code>hr</code> now separates different topics within a section of prose, or between scenes in a novel.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-hr-element-0\" title=\"W3.org link to hr element\">http://dev.w3.org/html5/spec/Overview.html#the-hr-element-0</a>\r\n\r\n                <a class=\"code\" href=\"#hr-element\" title=\"HR Element\">code snippet</a>\r\n            </footer>\r\n            ","html":"\r\n\r\n            <p>The <code>html</code> element represents the root of an <code>HTML</code> document.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-html-element-0\" title=\"W3.org link to html element\">http://dev.w3.org/html5/spec/Overview.html#the-html-element-0</a>\r\n                <a class=\"code\" href=\"#html-element\" title=\"HTML Element\">code snippet</a>\r\n\r\n            </footer>\r\n            ","i":"\r\n            <p>Represents a span of text in an alternate voice or mood, or otherwise offset from the normal prose, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, a thought, a ship name, or some other prose whose typical typographic presentation is italicized.</p>\r\n\t\t\t<p>Only use i when nothing more suitable is available — e.g., <code>em</code> for text with stress emphasis, <code>strong</code> for text with semantic importance, <code>cite</code> for titles in a citation or bibliography, <code>dfn</code> for defining a word, and <code>var</code> for mathematical variables.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-i-element\" title=\"W3.org link to i element\">http://dev.w3.org/html5/spec/Overview.html#the-i-element</a>\r\n                <a class=\"code\" href=\"#i-element\" title=\"I Element\">code snippet</a>\r\n            </footer>\r\n            ","iframe":"\r\n            <p>The <code>iframe</code> element represents a nested browsing context.</p>\r\n            <p>For <code>iframe</code> elements in <code>HTML</code> documents, the attribute, if present, must have a value using the <code>HTML</code> syntax that consists of the following syntactic components, in the given order:</p>\r\n\r\n            <ul>\r\n            \t<li>Any number of comments and space characters.</li>\r\n                <li>Optionally, a <code>DOCTYPE</code>.</li>\r\n                <li>Any number of comments and space characters.</li>\r\n                <li>The root element, in the form of an <code>html</code> element.</li>\r\n\r\n                <li>Any number of comments and space characters.</li>\r\n            </ul>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-iframe-element\" title=\"W3.org link to iframe element\">http://dev.w3.org/html5/spec/Overview.html#the-iframe-element</a> \r\n                <a class=\"code\" href=\"#iframe-element\" title=\"Iframe Element\">code snippet</a>\r\n            </footer>\r\n            ","img":"\r\n\t\t\t<p>An <code>img</code> element represents an image. The image given by the <code>src</code> attribute is the embedded content, and the value of the <code>alt</code> attribute is the <code>img</code> element's fallback content.</p>\r\n\r\n\t\t\t<p>The <code>src</code> attribute must be present, and must contain a valid non-empty URL potentially surrounded by spaces referencing a non-interactive, optionally animated, image resource that is neither paged nor scripted.</p>\r\n\t\t\t<p>The <code>img</code> element must not be used as a layout tool. In particular, <code>img</code> elements should not be used to display transparent images, as they rarely convey meaning and rarely add anything useful to the document.</p>\r\n            <footer>\r\n\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-img-element\" title=\"W3.org link to img element\">http://dev.w3.org/html5/spec/Overview.html#the-img-element</a>\r\n                <a class=\"code\" href=\"#img-element\" title=\"IMG Element\">code snippet</a>\r\n            </footer>\r\n            ","input":"\r\n            <p>The <code>input</code> element represents a typed data field, usually with a form control to allow the user to edit the data.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-input-element\" title=\"W3.org link to input element\">http://dev.w3.org/html5/spec/Overview.html#the-input-element</a>\r\n                <a class=\"code\" href=\"#input-element\" title=\"Input Element\">code snippet</a>\r\n\r\n            </footer>\r\n            ","ins":"\r\n            <p>The <code>ins</code> element represents an addition to the document. The ins elements should not cross implied paragraph boundaries.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-ins-element\" title=\"W3.org link to ins element\">http://dev.w3.org/html5/spec/Overview.html#the-ins-element</a>\r\n                <a class=\"code\" href=\"#ins-element\" title=\"Ins Element\">code snippet</a>\r\n            </footer>\r\n            ","kbd":"\r\n            <p>The <code>kbd</code> element represents user input (typically keyboard input, although it may also be used to represent other input, such as voice commands).</p>\r\n\r\n            <p>When the <code>kbd</code> element is nested inside a samp element, it represents the input as it was echoed by the system. When the <code>kbd</code> element contains a <code>samp</code> element, it represents input based on system output, for example invoking a menu item.</p>\r\n\t\t\t<p>When the <code>kbd</code> element is nested inside another <code>kbd</code> element, it represents an actual key or other single unit of input as appropriate for the input mechanism.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-kbd-element\" title=\"W3.org link to kbd element\">http://dev.w3.org/html5/spec/Overview.html#the-kbd-element</a>\r\n                <a class=\"code\" href=\"#kbd-element\" title=\"KBD Element\">code snippet</a>\r\n            </footer>\r\n            ","keygen":"\r\n            <p>The <code>keygen</code> element represents a key pair generator control. When the control's form is submitted, the private key is stored in the local keystore, and the public key is packaged and sent to the server.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-keygen-element\" title=\"W3.org link to keygen element\">http://dev.w3.org/html5/spec/Overview.html#the-keygen-element</a>\r\n                <a class=\"code\" href=\"#keygen-element\" title=\"Keygen Element\">code snippet</a>\r\n\r\n            </footer>\r\n            ","label":"\r\n            <p>The <code>label</code> represents a caption in a user interface. The caption can be associated with a specific form control, known as the <code>label</code> element's labeled control, either using for attribute, or by putting the form control inside the <code>label</code> element itself.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-label-element\" title=\"W3.org link to label element\">http://dev.w3.org/html5/spec/Overview.html#the-label-element</a>\r\n                <a class=\"code\" href=\"#label-element\" title=\"Label Element\">code snippet</a>\r\n            </footer>\r\n            ","legend":"\r\n            <p>The <code>legend</code> element represents a caption for the rest of the contents of the <code>legend</code> element's parent fieldset element, if any.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-legend-element\" title=\"W3.org link to legend element\">http://dev.w3.org/html5/spec/Overview.html#the-legend-element</a>\r\n\r\n                <a class=\"code\" href=\"#legend-element\" title=\"Legend Element\">code snippet</a>\r\n            </footer>\r\n            ","li":"\r\n\r\n            <p>The <code>li</code> element represents a list item. If its parent element is an <code>ol</code>, <code>ul</code>, or <code>menu</code> element, then the element is an item of the parent element's list, as defined for those elements. Otherwise, the list item has no defined list-related relationship to any other <code>li</code> element.</p>\r\n            <footer>\r\n\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-li-element\" title=\"W3.org link to li element\">http://dev.w3.org/html5/spec/Overview.html#the-li-element</a>\r\n                <a class=\"code\" href=\"#li-element\" title=\"LI Element\">code snippet</a>\r\n            </footer>\r\n            ","link":"\r\n            <p>The <code>link</code> element allows authors to link their document to other resources.</p>\r\n\t\t\t<p>The destination of the link(s) is given by the <code>href</code> attribute, which must be present and must contain a valid non-empty URL potentially surrounded by spaces. If the <code>href</code> attribute is absent, then the element does not define a link.</p>\r\n\r\n\t\t\t<p>A link element must have <code>rel</code> attribute.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-link-element\" title=\"W3.org link to link element\">http://dev.w3.org/html5/spec/Overview.html#the-link-element</a>\r\n                <a class=\"code\" href=\"#link-element\" title=\"Link Element\">code snippet</a>\r\n            </footer>\r\n            ","map":"\r\n            <p>The <code>map</code> element, in conjunction with any <code>area</code> element descendants, defines an image map. The element represents its children.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-map-element\" title=\"W3.org link to map element\">http://dev.w3.org/html5/spec/Overview.html#the-map-element</a>\r\n                <a class=\"code\" href=\"#map-element\" title=\"Map Element\">code snippet</a>\r\n\r\n            </footer>\r\n            ","mark":"\r\n\r\n            <p>Represents a run of text in one document marked or highlighted because of its relevance in another context.</p>\r\n\t\t\t<p>When used in a quotation or other block of text referenced in a document, it indicates a highlight that was not present in the original document — e.g., a portion of text in an academic publication that has recently come under additional scrutiny.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-mark-element\" title=\"W3.org link to mark element\">http://dev.w3.org/html5/spec/Overview.html#the-mark-element</a>\r\n                <a class=\"code\" href=\"#mark-element\" title=\"Mark Element\">code snippet</a>\r\n            </footer>\r\n            ","menu":"\r\n            <p>The <code>menu</code> element represents a list of commands.</p>\r\n\r\n            <p>If a menu element's type attribute is in the context menu state, then the element represents the commands of a context menu, and the user can only interact with the commands if that context menu is activated. If a <code>menu</code> element's type attribute is in the toolbar state, then the element represents a list of active commands that the user can immediately interact with.</p>\r\n\t\t\t<p>If a menu element's type attribute is in the list state, then the element either represents an unordered list of items (each represented by an <code>li</code> element), each of which represents a command that the user can perform or activate, or, if the element has no <code>li</code> element children, flow content describing available commands.</p>\r\n            <footer>\r\n\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#menus\" title=\"W3.org link to menu element\">http://dev.w3.org/html5/spec/Overview.html#menus</a>\r\n                <a class=\"code\" href=\"#menu-element\" title=\"Menu Element\">code snippet</a>\r\n            </footer>\r\n            ","meta":"\r\n            <p>The <code>meta</code> element represents various kinds of metadata that cannot be expressed using the <code>title</code>, <code>base</code>, <code>link</code>, <code>style</code>, and <code>script</code> elements.</p>\r\n\r\n\t\t\t<p>The <code>meta</code> element can represent document-level metadata with the name attribute, pragma directives with the <code>http-equiv</code> attribute, and the file's character encoding declaration when an <code>HTML</code> document is serialized to string form (e.g. for transmission over the network or for disk storage) with the charset attribute.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#meta\" title=\"W3.org link to meta element\">http://dev.w3.org/html5/spec/Overview.html#meta</a>\r\n\r\n                <a class=\"code\" href=\"#meta-element\" title=\"Meta Element\">code snippet</a>\r\n            </footer>\r\n            ","meter":"\r\n\r\n            <p>When the <code>meter</code> binding applies to a meter element, the element is expected to render as an 'inline-block' box with a 'height' of '1em' and a 'width' of '5em', a 'vertical-align' of '-0.2em', and with its contents depicting a gauge.</p>\r\n            <p>When the element is wider than it is tall(or square), the depiction is expected to be of a horizontal gauge, with the minimum value on the right if the 'direction' property on this element has a computed value of '<code>rtl</code>', and on the left otherwise. When the element is taller than it is wide, it is expected to depict a vertical gauge, with the minimum value on the bottom.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-meter-element-0\" title=\"W3.org link to meter element\">http://dev.w3.org/html5/spec/Overview.html#the-meter-element-0</a>\r\n                <a class=\"code\" href=\"#meter-element\" title=\"Meter Element\">code snippet</a>\r\n\r\n            </footer>\r\n            ","nav":"\r\n            <p>Represents navigation for a document. The <code>nav</code> element is a section containing links to other documents or to parts within the current document.</p>\r\n\t\t\t<p>Not all groups of links on a page need to be in a <code>nav</code> element — only groups of primary navigation links. In particular, it is common for footers to have a list of links to various key parts of a site, but the footer element is more appropriate in such cases.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-nav-element\" title=\"W3.org link to nav element\">http://dev.w3.org/html5/spec/Overview.html#the-nav-element</a>\r\n                <a class=\"code\" href=\"#nav-element\" title=\"Nav Element\">code snippet</a>\r\n            </footer>\r\n            ","noscript":"\r\n            <p>The <code>noscript</code> element represents nothing if scripting is enabled, and represents its children if scripting is disabled. It is used to present different markup to user agents that support scripting and those that don't support scripting, by affecting how the document is parsed.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-noscript-element\" title=\"W3.org link to noscript element\">http://dev.w3.org/html5/spec/Overview.html#the-noscript-element</a>\r\n\r\n                <a class=\"code\" href=\"#noscript-element\" title=\"Noscript Element\">code snippet</a>\r\n            </footer>\r\n            ","object":"\r\n            <p>The <code>object</code> element can represent an external resource, which, depending on the type of the resource, will either be treated as an image, as a nested browsing context, or as an external resource to be processed by a plugin.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-object-element\" title=\"E3.org link to object element\">http://dev.w3.org/html5/spec/Overview.html#the-object-element</a>\r\n\r\n                <a class=\"code\" href=\"#object-element\" title=\"Object Element\">code snippet</a>\r\n            </footer>\r\n            ","ol":"\r\n\r\n            <p>The <code>ol</code> element represents a list of items, where the items have been intentionally ordered, such that changing the order would change the meaning of the list.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-ol-element\" title=\"W3.org link to ol element\">http://dev.w3.org/html5/spec/Overview.html#the-ol-element</a>\r\n                <a class=\"code\" href=\"#ol-element\" title=\"OL Element\">code snippet</a>\r\n            </footer>\r\n            ","optgroup":"\r\n            <p>The <code>optgroup</code> element represents a group of <code>option</code> elements with a common label. The element's group of option elements consists of the option elements that are children of the optgroup element.</p>\r\n\r\n\t\t\t<p>When showing option elements in select elements, user agents should show the option elements of such groups as being related to each other and separate from other option elements.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-optgroup-element\" title=\"W3.org link to optgroup element\">http://dev.w3.org/html5/spec/Overview.html#the-optgroup-element</a>\r\n                <a class=\"code\" href=\"#optgroup-element\" title=\"Optgroup Element\">code snippet</a>\r\n            </footer>\r\n            ","option":"\r\n            <p>The <code>option</code> element represents an option in a select element or as part of a list of suggestions in a <code>datalist</code> element.</p>\r\n\r\n\t\t\t<p>In certain circumstances described in the definition of the select element, an option element can be a select element's placeholder label option. A placeholder label option does not represent an actual option, but instead represents a label for the select control.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-option-element\" title=\"W3.org link to option element\">http://dev.w3.org/html5/spec/Overview.html#the-option-element</a>\r\n                <a class=\"code\" href=\"#option-element\" title=\"Option Element\">code snippet</a>\r\n            </footer>\r\n            ","output":"\r\n            <p>Represents the result of a calculation.</p>\r\n\t\t\t<p>The optional for attribute allows an explicit relationship to be made between the result of a calculation and the elements representing the values that influenced the calculation. If specified, the for attribute must contain a string consisting of an unordered set of unique, space-separated tokens, each of which must be the ID of an element in the same document.</p>\r\n            <footer>\r\n\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-output-element\" title=\"W3.org link to output element\">http://dev.w3.org/html5/spec/Overview.html#the-output-element</a>\r\n                <a class=\"code\" href=\"#output-element\" title=\"Output Element\">code snippet</a>\r\n            </footer>\r\n            ","p":"\r\n            <p>The <code>p</code> element represents a paragraph.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-p-element\" title=\"W3.org link to p element\">http://dev.w3.org/html5/spec/Overview.html#the-p-element</a>\r\n                <a class=\"code\" href=\"#p-element\" title=\"P Element\">code snippet</a>\r\n            </footer>\r\n            ","param":"\r\n            <p>The <code>param</code> element defines parameters for plugins invoked by object elements. It does not represent anything on its own.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-param-element\" title=\"W3.org link to param element\">http://dev.w3.org/html5/spec/Overview.html#the-param-element</a>\r\n\r\n                <a class=\"code\" href=\"#param-element\" title=\"Param Element\">code snippet</a>\r\n            </footer>\r\n            ","pre":"\r\n\r\n            <p>The <code>pre</code> element represents a block of preformatted text, in which structure is represented by typographic conventions rather than by elements.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-pre-element\" title=\"W3.org link to pre element\">http://dev.w3.org/html5/spec/Overview.html#the-pre-element</a>\r\n                <a class=\"code\" href=\"#pre-element\" title=\"Pre Element\">code snippet</a>\r\n            </footer>\r\n            ","progress":"\r\n            <p>Represents the completion progress of a task. Progress may be either indeterminate — meaning it is unclear how much work remains before the task is complete (e.g., the task is waiting for a response from a remote host) — or a numeric value between 0 and a given maximum, explicitly specifying the fraction of work that has so far been completed.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-progress-element\" title=\"W3.org link to progress element\">http://dev.w3.org/html5/spec/Overview.html#the-progress-element</a>\r\n\r\n                <a class=\"code\" href=\"#progress-element\" title=\"Progress Element\">code snippet</a>\r\n            </footer>\r\n            ","q":"\r\n            <p>The q element represents some phrasing content quoted from another source.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-q-element\" title=\"W3.org link to q element\">http://dev.w3.org/html5/spec/Overview.html#the-q-element</a>\r\n                <a class=\"code\" href=\"#q-element\" title=\"Q Element\">code snippet</a>\r\n\r\n            </footer>\r\n            ","rp":"\r\n            <p>Represents a container for parentheses used to wrap ruby text (<code>&lt;rt&gt;</code>) inside a <code>&lt;ruby&gt;</code> element. These are displayed by browsers which don't support <code>&lt;ruby&gt;</code>, allowing for graceful degradation of ruby content. Browsers which support <code>&lt;ruby&gt;</code> hide <code>&lt;rp&gt;</code> via display:none.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-rp-element\" title=\"W3.org link to rp element\">http://dev.w3.org/html5/spec/Overview.html#the-rp-element</a>\r\n                <a class=\"code\" href=\"#rp-element\" title=\"RP Element\">code snippet</a>\r\n            </footer>\r\n            ","rt":"\r\n            <p>Represents a container for ruby text inside a <code>&lt;ruby&gt;</code> element. <code>&lt;rt&gt;</code> content becomes the small annotations rendered by default above horizontal base text or to the right of vertical base text.</p>\r\n            <footer>\r\n\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-rt-element\" title=\"W3.org link to rt element\">http://dev.w3.org/html5/spec/Overview.html#the-rt-element</a>\r\n                <a class=\"code\" href=\"#rt-element\" title=\"RT Element\">code snippet</a>\r\n            </footer>\r\n            ","ruby":"\r\n            <p>Represents a container for base text and ruby text — small annotations used for phonetic readings in languages such as Japanese and Chinese. Examples include furigana and zhùyin fúhào (bopomofo).</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-ruby-element\" title=\"W3.org link to ruby element\">http://dev.w3.org/html5/spec/Overview.html#the-ruby-element</a>\r\n                <a class=\"code\" href=\"#ruby-element\" title=\"Ruby Element\">code snippet</a>\r\n            </footer>\r\n            ","s":"\r\n            <p>The <code>s</code> element represents contents that are no longer accurate or no longer relevant.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-s-element\" title=\"W3.org link to s element\">http://dev.w3.org/html5/spec/Overview.html#the-s-element</a>\r\n                <a class=\"code\" href=\"#s-element\" title=\"S Element\">code snippet</a>\r\n            </footer>\r\n\r\n            ","samp":"\r\n            <p>The <code>samp</code> element represents (sample) output from a program or computing system</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-samp-element\" title=\"W3.org link to samp element\">http://dev.w3.org/html5/spec/Overview.html#the-samp-element</a>\r\n                <a class=\"code\" href=\"#samp-element\" title=\"Samp Element\">code snippet</a>\r\n            </footer>\r\n            ","script":"\r\n            <p>The <code>script</code> element allows authors to include dynamic script and data blocks in their documents. The element does not represent content for the user.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#script\" title=\"W3.org link to script element\">http://dev.w3.org/html5/spec/Overview.html#script</a>\r\n                <a class=\"code\" href=\"#script-element\" title=\"Script Element\">code snippet</a>\r\n\r\n            </footer>\r\n            ","section":"\r\n\r\n            <p>Represents a generic document or application section. In this context, a <code>section</code> is a thematic grouping of content, typically with a <code>header</code>, possibly with a <code>footer</code>. Examples include chapters in a book, the various tabbed pages in a tabbed dialog box, or the numbered sections of a thesis. A web site's home page could be split into sections for an introduction, news items, contact information.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-section-element\" title=\"W3.org link to section element\">http://dev.w3.org/html5/spec/Overview.html#the-section-element</a>\r\n                <a class=\"code\" href=\"#section-element\" title=\"Section Element\">code snippet</a>\r\n\r\n            </footer>\r\n            ","select":"\r\n            <p>The <code>select</code> element represents a control for selecting amongst a set of options.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-select-element\" title=\"W3.org link to select element\">http://dev.w3.org/html5/spec/Overview.html#the-select-element</a>\r\n                <a class=\"code\" href=\"#select-element\" title=\"Select Element\">code snippet</a>\r\n            </footer>\r\n            ","small":"\r\n            <p>Represents side comments such as small print. It is not intended to be presentational. The <code>small</code> element should not be used for extended spans of text such as multiple paragraphs, lists, or sections of text. It is only intended for short runs of text.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-small-element\" title=\"W3.org link to small element\">http://dev.w3.org/html5/spec/Overview.html#the-small-element</a>\r\n\r\n                <a class=\"code\" href=\"#small-element\" title=\"Small Element\">code snippet</a>\r\n            </footer>\r\n            ","source":"\r\n\r\n            <p>The source element allows authors to specify multiple alternative media resources for media elements. It does not represent anything on its own. The <code>src</code> attribute gives the address of the media resource. The value must be a valid non-empty URL potentially surrounded by spaces. This attribute must be present.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-source-element\" title=\"W3.org link to source element\">http://dev.w3.org/html5/spec/Overview.html#the-source-element</a>\r\n                <a class=\"code\" href=\"#source-element\" title=\"Source Element\">code snippet</a>\r\n            </footer>\r\n            ","span":"\r\n            <p>The <code>span</code> element doesn't mean anything on its own, but can be useful when used together with the global attributes, e.g. class, lang, or dir. It represents its children.</p>\r\n\r\n            <footer>\r\n               <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-span-element\" title=\"W3.org link to span element\">http://dev.w3.org/html5/spec/Overview.html#the-span-element</a>\r\n               <a class=\"code\" href=\"#span-element\" title=\"Span Element\">code snippet</a>\r\n            </footer>\r\n            ","strong":"\r\n            <p>Represents strong importance for its contents. Indicate relative importance by nesting strong elements; each <code>strong</code> element increases the importance of its contents. Changing the importance of a piece of text with the strong element does not change the meaning of the sentence.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-strong-element\" title=\"W3.org link to strong element\">http://dev.w3.org/html5/spec/Overview.html#the-strong-element</a>\r\n\r\n                <a class=\"code\" href=\"#strong-element\" title=\"Strong Element\">code snippet</a>\r\n            </footer>\r\n            ","style":"\r\n\r\n            <p>The <code>style</code> element allows authors to embed style information in their documents. The <code>style</code> element is one of several inputs to the styling processing model. The element does not represent content for the user.</p>\r\n            <footer>\r\n               <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-style-element\" title=\"W3.org link to style element\">http://dev.w3.org/html5/spec/Overview.html#the-style-element</a>\r\n               <a class=\"code\" href=\"#style-element\" title=\"Style Element\">code snippet</a>\r\n\r\n            </footer>\r\n            ","sub":"\r\n            <p>The <code>sub</code> element can be used inside a <code>var</code> element, for variables that have subscripts.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-sub-and-sup-elements\" title=\"W3.org link to sub element\">http://dev.w3.org/html5/spec/Overview.html#the-sub-and-sup-elements</a>\r\n                <a class=\"code\" href=\"#sub-element\" title=\"Sub Element\">code snippet</a>\r\n            </footer>\r\n            ","summary":"\r\n            <p>The <code>summary</code> element represents a <code>summary</code>, <code>caption</code>, or <code>legend</code> for the rest of the contents of the summary element's parent details element, if any.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-summary-element\" title=\"W3.org link to summary element\">http://dev.w3.org/html5/spec/Overview.html#the-summary-element</a>\r\n                <a class=\"code\" href=\"#summary-element\" title=\"Summary Element\">code snippet</a>\r\n            </footer>\r\n            ","sup":"\r\n            <p>The <code>sup</code> element represents a <code>superscript</code> and the <code>sub</code> element represents a subscript.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-sub-and-sup-elements\" title=\"W3.org link to sup element\">http://dev.w3.org/html5/spec/Overview.html#the-sub-and-sup-elements</a>\r\n                <a class=\"code\" href=\"#sup-element\" title=\"Sup Element\">code snippet</a>\r\n            </footer>\r\n            ","table":"\r\n            <p>The <code>table</code> element represents data with more than one dimension, in the form of a table. Tables must not be used as layout aids.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-table-element\" title=\"W3.org link to table element\">http://dev.w3.org/html5/spec/Overview.html#the-table-element</a>\r\n                <a class=\"code\" href=\"#table-element\" title=\"Table Element\">code snippet</a>\r\n            </footer>\r\n            ","tbody":"\r\n            <p>The <code>tbody</code> element represents a block of rows that consist of a body of data for the parent table element, if the <code>tbody</code> element has a parent and it is a table.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-tbody-element\" title=\"W3.org link to tbody element\">http://dev.w3.org/html5/spec/Overview.html#the-tbody-element</a>\r\n\r\n                <a class=\"code\" href=\"#tbody-element\" title=\"Tbody Element\">code snippet</a>\r\n            </footer>\r\n            ","td":"\r\n\r\n            <p>The <code>td</code> element represents a data cell in a table.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-td-element\" title=\"W3.org link to td element\">http://dev.w3.org/html5/spec/Overview.html#the-td-element</a>\r\n                <a class=\"code\" href=\"#td-element\" title=\"TD Element\">code snippet</a>\r\n            </footer>\r\n            ","textarea":"\r\n            <p>The <code>textarea</code> element represents a multiline plain text edit control for the element's raw value. The contents of the control represent the control's default value.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-textarea-element\" title=\"W3.org link to textarea element\">http://dev.w3.org/html5/spec/Overview.html#the-textarea-element</a>\r\n                <a class=\"code\" href=\"#textarea-element\" title=\"Textarea Element\">code snippet</a>\r\n            </footer>\r\n            ","tfoot":"\r\n            <p>The <code>tfoot</code> element represents the block of rows that consist of the column summaries (footers) for the parent table element, if the <code>tfoot</code> element has a parent and it is a table.</p>\r\n            <footer>\r\n\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-tfoot-element\" title=\"W3.org link to tfoot element\">http://dev.w3.org/html5/spec/Overview.html#the-tfoot-element</a>\r\n                <a class=\"code\" href=\"#tfoot-element\" title=\"Tfoot Element\">code snippet</a>\r\n            </footer>\r\n            ","th":"\r\n            <p>The <code>th</code> element represents a header cell in a table.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-th-element\" title=\"W3.org link to th element\">http://dev.w3.org/html5/spec/Overview.html#the-th-element</a>\r\n                <a class=\"code\" href=\"#th-element\" title=\"TH Element\">code snippet</a>\r\n            </footer>\r\n\r\n            ","thead":"\r\n            <p>The <code>thead</code> element represents the block of rows that consist of the column labels (headers) for the parent table element, if the thead element has a parent and it is a table.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-thead-element\" title=\"W3.org link to thead element\">http://dev.w3.org/html5/spec/Overview.html#the-thead-element</a>\r\n                <a class=\"code\" href=\"#thead-element\" title=\"Thead Element\">code snippet</a>\r\n            </footer>\r\n            ","time":"\r\n            <p>Represents a precise date and/or time in the proleptic Gregorian calendar. The time element encodes modern dates and times in a machine-readable way, so that, for example, user agents could offer to add an event to the user's calendar.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-time-element\" title=\"W3.org link to time element\">http://dev.w3.org/html5/spec/Overview.html#the-time-element</a>\r\n                <a class=\"code\" href=\"#time-element\" title=\"Time Element\">code snippet</a>\r\n\r\n            </footer>\r\n            ","title":"\r\n            <p>The <code>title</code> element represents the document's title or name. Authors should use titles that identify their documents even when they are used out of context, for example in a user's history or bookmarks, or in search results. The document's title is often different from its first heading, since the first heading does not have to stand alone when taken out of context.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-title-element\" title=\"W3.org link to title element\">http://dev.w3.org/html5/spec/Overview.html#the-title-element</a>\r\n                <a class=\"code\" href=\"#title-element\" title=\"Title Element\">code snippet</a>\r\n            </footer>\r\n            ","tr":"\r\n            <p>The <code>tr</code> element represents a row of cells in a table.</p>\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-tr-element\" title=\"W3.org link to tr element\">http://dev.w3.org/html5/spec/Overview.html#the-tr-element</a>\r\n                <a class=\"code\" href=\"#tr-element\" title=\"TR Element\">code snippet</a>\r\n\r\n            </footer>\r\n            ","track":"\r\n            <p>The <code>track</code> element allows authors to specify explicit external timed text tracks for media elements. It does not represent anything on its own.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-track-element\" title=\"W3.org link to track element\">http://dev.w3.org/html5/spec/Overview.html#the-track-element</a>\r\n                <a class=\"code\" href=\"#track-element\" title=\"Track Element\">code snippet</a>\r\n            </footer>\r\n            ","u":"\r\n            <p>The <code>u</code> element represents a span of text with an unarticulated, though explicitly rendered, non-textual annotation (when you are annotating something, but not explicitly saying what it is). Examples include indicating misspelt words, labeling proper names in traditional Chinese prose, or indicating a family name when the name’s order is non-western.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-u-element\" title=\"W3.org link to u element\">http://dev.w3.org/html5/spec/Overview.html#the-u-element</a>\r\n                <a class=\"code\" href=\"#u-element\" title=\"U Element\">code snippet</a>\r\n            </footer>\r\n            ","ul":"\r\n            <p>The <code>ul</code> element represents a list of items, where the order of the items is not important — that is, where changing the order would not materially change the meaning of the list.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-ul-element\" title=\"W3.org link to ul element\">http://dev.w3.org/html5/spec/Overview.html#the-ul-element</a>\r\n                <a class=\"code\" href=\"#ul-element\" title=\"UL Element\">code snippet</a>\r\n            </footer>\r\n            ","var":"\r\n            <p>The <code>var</code> element represents a variable. This could be an actual variable in a mathematical expression or programming context, or it could just be a term used as a placeholder in prose.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-var-element\" title=\"W3.org link to var element\">http://dev.w3.org/html5/spec/Overview.html#the-var-element</a>\r\n                <a class=\"code\" href=\"#var-element\" title=\"Var Element\">code snippet</a>\r\n            </footer>\r\n            ","video":"\r\n            <p>Represents a video or movie.</p>\r\n\t\t\t<p>Content may be nested inside the <code>video</code> element. User agents should not show this content to the user. Authors should use this content to force older browsers to use a legacy video plugin or to inform the user of how to access the video content.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#video\" title=\"W3.org link to video element\">http://dev.w3.org/html5/spec/Overview.html#video</a>\r\n                <a class=\"code\" href=\"#video-element\" title=\"Video Element\">code snippet</a>\r\n            </footer>\r\n            ","wbr":"\r\n            <p>The <code>wbr</code> element represents a line break opportunity. Any content inside <code>wbr</code> elements must not be considered part of the surrounding text.</p>\r\n\r\n            <footer>\r\n                <a class=\"link\" href=\"http://dev.w3.org/html5/spec/Overview.html#the-wbr-element\" title=\"W3.org link to wbr element\">http://dev.w3.org/html5/spec/Overview.html#the-wbr-element</a>\r\n                <a class=\"code\" href=\"#wbr-element\" title=\"WBR Element\">code snippet</a>\r\n            </footer>\r\n            "}