<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/styles/XMLStylesDoc_xhtml10_en.xsl"?><!DOCTYPE document SYSTEM "/schemas/XMLStyles10.dtd">
<document xmlns="http://XMLStyles.com/namespaces/styles" xmlns:xst="http://XMLStyles.com/namespaces/styles" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:date="http://exslt.org/dates-and-times">
   <noxml>
      <p xmlns="http://www.w3.org/1999/xhtml"/>
      <!-- You are viewing the source.  The following message should be ignored if you did "View Source" in your browser. -->
      <p xmlns="http://www.w3.org/1999/xhtml">
ATTENTION: XML WEB PAGES NOT SUPPORTED
   If you see this message, your current browser does not support the
   1999 XSLT 1.0 (or later) standard for XML web pages such as this one.
   Please upgrade your browser to a newer version
   that supports 1999 or later standards such as:
      Mozilla Firefox version 1.0.2 or later (GetFirefox -&gt; http://www.GetFirefox.com/)
      Netscape version 8 or later
      Safari version 1.3 or later
      Opera version 9 or later
      Microsoft Internet Explorer (MSIE) version 5 or later
   For further assistance, contact the software vendor for your browser.
   To go to the X<!-- extended HTML -->HTML version of this page click the following link:
<a href="index.html">index.html</a>
      </p>
      <p xmlns="http://www.w3.org/1999/xhtml">&#160;</p>
   </noxml>
   <path>/definitions/</path>
   <site>HTML 5 Reference</site>
   <logo xlink:type="simple" xlink:href="/images/html-5.jpg" media="screen" width="156" height="27">HTML 5 Reference</logo>
   <logo xlink:type="simple" xlink:href="/images/html-5.jpg" media="print" width="156" height="27">HTML 5 Reference</logo>
   <logo xlink:type="simple" xlink:href="/images/html-5.jpg" media="handheld" width="150" height="17">HTML 5 Reference</logo>
   <navigation where="sections">
      <label>HTML 5 Reference</label>
      <link xlink:type="simple" xlink:href="/index.xml">Home</link>
      <link xlink:type="simple" xlink:href="/tutorial/index.xml">Tutorial</link>
      <link xlink:type="simple" xlink:href="/tags/index.xml">HTML5 Tags</link>
      <link xlink:type="simple" xlink:href="/attributes/index.xml">Attributes</link>
      <link xlink:type="simple" xlink:href="/css-styles/index.xml">CSS Styles</link>
      <link xlink:type="simple" xlink:href="/metatags/index.xml">Metatags</link>
      <link xlink:type="simple" xlink:href="/cheat-sheet/index.xml">Cheat Sheet</link>
      <link xlink:type="simple" xlink:href="/examples/index.xml">Examples</link>
      <link xlink:type="simple" xlink:href="/definitions/index.xml">Definitions</link>
      <link xlink:type="simple" xlink:href="/diffs/index.xml">Differences</link>
      <link xlink:type="simple" xlink:href="/avoid/index.xml">Avoid</link>
      <link xlink:type="simple" xlink:href="/faqs/index.xml">HTML5 FAQs</link>
      <link xlink:type="simple" xlink:href="/prod/rssfeeds.cgi">RSS Feeds</link>
      <link xlink:type="simple" xlink:href="/prod/help/index.cgi">Help</link>
   </navigation>
   <navigation where="left">
      <label>HTML 5 Reference</label>
      <link xlink:type="simple" xlink:href="/tutorial/index.xml">HTML Tutorial</link>
      <link xlink:type="simple" xlink:href="/tags/index.xml">HTML 5 Tags</link>
      <link xlink:type="simple" xlink:href="/attributes/index.xml">HTML Attributes</link>
      <link xlink:type="simple" xlink:href="/css-styles/index.xml">CSS Styles</link>
      <link xlink:type="simple" xlink:href="/metatags/index.xml">HTML Metatags</link>
      <link xlink:type="simple" xlink:href="/cheat-sheet/index.xml">Cheat Sheet</link>
      <link xlink:type="simple" xlink:href="/examples/index.xml">HTML Examples</link>
      <link xlink:type="simple" xlink:href="/definitions/index.xml">Definitions</link>
      <link xlink:type="simple" xlink:href="/diffs/index.xml">HTML 5 Changes</link>
      <link xlink:type="simple" xlink:href="/avoid/index.xml">Things to Avoid</link>
      <link xlink:type="simple" xlink:href="/faqs/index.xml">HTML 5 FAQs</link>
      <link xlink:type="simple" xlink:href="/prod/help/index.cgi">Help</link>
      <link xlink:type="simple" xlink:href="/prod/help/index.cgi?p=about">About</link>
   </navigation>
   <section id="body" type="body">
      <pages name="index">
         <page id="N1009F" name="index">
            <label>Definitions</label>
            <title>HTML Vocabulary</title>
            <h2 class="center">Definitions of HTML Terms</h2>
            <!-- block type="toc" -->
            <h3>Converting to HTML 5</h3>
            <p>We are working on <link xlink:type="simple" xlink:href="../tutorials/converting-to-html-5.html">converting to HTML 5</link>.
                  Please visit <link xlink:type="simple" xlink:href="../definitions/index.html">Definitions of HTML Terms</link> on the
                  <link xlink:type="simple" xlink:href="http://www.HTML-5.com/index.html">HTML 5 standard</link> version of this site.
               </p>
            <dl>
               <subpage id="N100BE" name="anchor">
                  <label>Anchor</label>
                  <di id="anchor">
                     <dt>
                        <h3>
                           <dfn>anchor</dfn>
                        </h3>
                     </dt>
                     <dd>An <dfn>anchor</dfn> or <link xlink:type="simple" xlink:href="#placemark">placemark link</link>
                        in an HTML document is a named location (bookmark) that
                        can be referenced by a <acronym term="Universal Resource Locator">URL</acronym>.
                        The location is named by the <code>id</code> attribute of the
                        <link xlink:type="simple" xlink:href="../tags/a-tag/">&lt;a/&gt; tag</link>
                        and referenced by the hash ("#") fragment identifier in a URL.
                        Most browsers will automatically scroll a web page to the indicated location on the page.
                     </dd>
                  </di>
               </subpage>
               <subpage id="N100DE" name="attribute">
                  <label>Attribute</label>
                  <di id="attribute">
                     <dt>
                        <h3>
                           <dfn>attribute</dfn>
                        </h3>
                     </dt>
                     <dd>An <dfn>attribute</dfn> is a named property associated with an
                        <link xlink:type="simple" xlink:href="#element">element</link>.
                        In a marked-up document, attributes are coded between the element name
                        and the tag's terminating <code>/&gt;</code> or <code>&gt;</code>
                        in a start tag and is represented by the attribute name, an
                        equal sign (<code>=</code>) and the value of the property enclosed in quotes.
                     </dd>
                  </di>
               </subpage>
               <subpage id="N100FB" name="boolean-attribute">
                  <label>Boolean Attribute</label>
                  <di id="boolean-attribute">
                     <dt>
                        <h3>
                           <dfn>boolean attribute</dfn>
                        </h3>
                     </dt>
                     <dd>A <dfn>boolean attribute</dfn> is a property associated with an
                        <link xlink:type="simple" xlink:href="#element">element</link>
                        that represents either a true or false value.
                        In a polyglot HTML document, a boolean attribute with a <b>true</b> value is coded
                        with a value that matches the attribute name, as in <code>attrname="attrname"</code>.
                        A boolean attribute with a <b>false</b> value should be completely omitted.
                     </dd>
                  </di>
               </subpage>
               <subpage id="N10118" name="child-elements">
                  <label>Child Elements</label>
                  <di id="child-elements">
                     <dt>
                        <h3>
                           <dfn>child elements</dfn>
                        </h3>
                     </dt>
                     <dd>
                        <dfn>Child elements</dfn> are the elements that are in the content of a parent
                        <link xlink:type="simple" xlink:href="#element">element</link>.
                        In an HTML document, the child elements are enclosed between the parent element's
                        <link xlink:type="simple" xlink:href="#tag">start tag</link>
                        and it's <link xlink:type="simple" xlink:href="#tag">end tag</link>.
                     </dd>
                  </di>
               </subpage>
               <subpage id="N10135" name="dom">
                  <label>DOM</label>
                  <di id="attribute">
                     <dt>
                        <h3>
                           <dfn>Document Object Model</dfn>
                        </h3>
                     </dt>
                     <dd>The <dfn>Document Object Model</dfn> is a well-defined model for
                        <acronym term="Standard Generalized Markup Language">SGML</acronym>
                        and <acronym term="Extensible Markup Language">XML</acronym>
                        documents, which can be "marked up" with tags such as in
                        <acronym term="Hypertext Markup Language">HTML</acronym>.
                        While actual documents are often viewed by authors
                        as text into which the markup tags have been inserted, the
                        <acronym term="Document Object Model">DOM</acronym> focuses more
                        on the <link xlink:type="simple" xlink:href="#tag">tags</link>
                        themselves, which are represented in the model by
                        <link xlink:type="simple" xlink:href="#element">elements</link>,
                        and their content.
                     </dd>
                  </di>
               </subpage>
               <subpage id="N1015E" name="element">
                  <label>Element</label>
                  <di id="element">
                     <dt>
                        <h3>
                           <dfn>element</dfn>
                        </h3>
                     </dt>
                     <dd>An <dfn>element</dfn> is an object in the hierarchical model of a document.
                        It always has an element name and may also have attributes and/or child elements.
                        The difference between an <b>element</b> and a <b>tag</b> is that an "element"
                        is a more abstract representation of a node in the hierarchical structure of
                        a document that encompasses its attributes, child elements and other content.
                        In an actual document, an element is explicitly represented by either a
                        <link xlink:type="simple" xlink:href="#tag">start tag</link> and an
                        <link xlink:type="simple" xlink:href="#tag">end tag</link>
                        enclosing its child elements and other content, if any, or simply
                        by an <link xlink:type="simple" xlink:href="#tag">empty tag</link>
                        if it has no content.
                     </dd>
                     <dd>In some cases, an element is implied even when the corresponding tag
                        does not appear in the document. A good example of this is the
                        <link xlink:type="simple" xlink:href="../tags/tbody-tag/">&lt;tbody&gt; tag</link>,
                        which is often an implied child element between a
                        <link xlink:type="simple" xlink:href="../tags/table-tag/">&lt;table&gt; tag</link> and
                        a <link xlink:type="simple" xlink:href="../tags/tr-tag/">&lt;tr&gt; table row tag</link>.
                     </dd>
                  </di>
               </subpage>
               <subpage id="N10193" name="node">
                  <label>Node</label>
                  <di id="node">
                     <dt>
                        <h3>
                           <dfn>node</dfn>
                        </h3>
                     </dt>
                     <dd>A <dfn>node</dfn> is the representation of an object in the hierarchical model of a document.
                         Types of nodes in a <acronym term="Document Object Model">DOM</acronym> include:
                        <dl>
                           <di>
                              <dt>
                                 <h4>
                                    <dfn>element nodes</dfn>
                                 </h4>
                              </dt>
                              <dd/>
                           </di>
                           <di>
                              <dt>
                                 <h4>
                                    <dfn>attribute nodes</dfn>
                                 </h4>
                              </dt>
                              <dd/>
                           </di>
                           <di>
                              <dt>
                                 <h4>
                                    <dfn>non-markup content</dfn> - text, character data and whitespace</h4>
                              </dt>
                              <dd>These nodes provide a model for content between the
                                 "&gt;" ending one tag in a marked-up document and the
                                 "&lt;" beginning another tag, which includes whitespace,
                                 text, character references and character data sections.
                              </dd>
                           </di>
                           <di>
                              <dt>
                                 <h4>
                                    <dfn>declarations</dfn>
                                 </h4>
                              </dt>
                              <dd/>
                           </di>
                           <di>
                              <dt>
                                 <h4>
                                    <dfn>processing instructions</dfn>
                                 </h4>
                              </dt>
                              <dd/>
                           </di>
                           <di>
                              <dt>
                                 <h4>
                                    <dfn>comments</dfn>
                                 </h4>
                              </dt>
                              <dd/>
                           </di>
                        </dl>
                     </dd>
                  </di>
               </subpage>
               <subpage id="N101CD" name="polyglot">
                  <label>Polyglot</label>
                  <di id="polyglot">
                     <dt>
                        <h3>
                           <dfn>polyglot HTML document</dfn>
                        </h3>
                     </dt>
                     <dd>A <dfn>polyglot HTML document</dfn> is an HTML document that has been
                        coded in such a way that it can be successfully parsed as either a
                        <span class="outlined">text/html</span> document or as an XML type such
                        as <span class="outlined">application/xhtml+xml</span>. This requires
                        following the subset of rules that are common to both serializations of HTML 5
                        and avoiding anything that is unique to one syntax or the other.
                     </dd>
                     <dd>A significant advantage of writing documents using <b>polyglot HTML syntax</b>
                        is that, by definition it's a common subset of the other possible syntaxes,
                        and so there are fewer rules for newcomers beginning to code HTML to learn.
                        Then if at some point later you find you need a feature of one of the more complete
                        HTML syntax alternatives for some task you are trying to accomplish, you'll be able to
                        determine which of the two possible HTML syntax options will suit your needs at the time.
                     </dd>
                  </di>
               </subpage>
               <subpage id="N101E9" name="root-node">
                  <label>Root Node</label>
                  <di id="polyglot">
                     <dt>
                        <h3>
                           <dfn>The root node of the <acronym term="Document Object Model">DOM</acronym>
                           </dfn>
                        </h3>
                     </dt>
                     <dd>The root node of the Document Object Model is a single node that is the
                        parent of the nodes at the top of a document's nested tag hierarchy,
                        the nodes at the beginning of the document, which includes a single
                        <link xlink:type="simple" xlink:href="#top-element">top element</link>.
                        In an <acronym term="Hypertext Markup Language">HTML</acronym> document
                        the root node is the parent of the element represented by the
                        <link xlink:type="simple" xlink:href="../tags/html-tag/">&lt;html&gt; tag</link>
                        and of any other top-level nodes such as processing instructions.
                     </dd>
                  </di>
               </subpage>
               <subpage id="N10206" name="tag">
                  <label>Tag</label>
                  <di id="tag">
                     <dt>
                        <h3>
                           <dfn>tag</dfn>
                        </h3>
                     </dt>
                     <dd>A <dfn>tag</dfn> in HTML is a representation of an
                        <link xlink:type="simple" xlink:href="#element">element</link>
                        in a document.
                        A <dfn>start tag</dfn> or <dfn>empty tag</dfn> contains a <code>&lt;</code>,
                        the tag name, one or more optional attribute/value pairs
                        separated from the tag name and other attributes by whitespace
                        and ends with either <code>&gt;</code> or <code>/&gt;</code>.
                        An <dfn>end tag</dfn> contains just <code>&lt;/</code>, the tag name and <code>&gt;</code>.
                     </dd>
                  </di>
               </subpage>
               <subpage id="N10232" name="top-element">
                  <label>Top Element</label>
                  <di id="top-element">
                     <dt>
                        <h3>
                           <dfn>top element</dfn>
                        </h3>
                     </dt>
                     <dd>The <dfn>top element</dfn> is a single node in the <acronym term="Document Object Model">DOM</acronym>
                        that represents a tag that spans from the beginning of the document to the end of it.
                        The parent node of the top element is the <link xlink:type="simple" xlink:href="#root-node">root node</link>.
                        In an HTML document, the top element represents the <code>&lt;html&gt;</code> start tag
                        at the beginning of a document and the <code>&lt;/html&gt;</code> end tag
                        at the end of the document, which enclose all other tags in the document.
                     </dd>
                  </di>
               </subpage>
               <subpage id="N10250" name="void-element">
                  <label>Void Element</label>
                  <di id="void-element">
                     <dt>
                        <h3>
                           <dfn>void element</dfn>
                        </h3>
                     </dt>
                     <dd>A <dfn>void element</dfn> is an <link xlink:type="simple" xlink:href="#element">element</link>
                        that can never have any <link xlink:type="simple" xlink:href="#child-elements">child elements</link>.
                        A <span>void element</span> should always be coded as an
                        <link xlink:type="simple" xlink:href="#tag">empty tag</link>
                        (<code>&lt;br/&gt;</code>, <code>&lt;img .../&gt;</code>)
                        rather than with a start tag and an end tag
                        (<code style="text-decoration: line-through">&lt;br&gt;&lt;/br&gt;</code>,
                        <code style="text-decoration: line-through">&lt;img ...&gt;&lt;/img&gt;</code>).
                     </dd>
                  </di>
               </subpage>
            </dl>
            <updated local="2010-09-19">Sunday September 19, 2010</updated>
         </page>
      </pages>
   </section>
   <copyright>Copyright © 2010 Accilent<span class="sup">®</span> Corp. Alteration of content, including addition of any function such as hypertext links or pop-up advertising, or interference with the hypertext links or other functions of this site is expressly prohibited.</copyright>
   <disclaimer>All information, links, forms, applications and other items on this site or obtained from it are provided <b>AS IS</b>, WITHOUT WARRANTY OF ANY KIND EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.</disclaimer>
</document>
