<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN" "http://www.wapforum.org/DTD/wml13.dtd">
<wml>
 <!-- page name="index"-->
 <template>
  <do optional="false" label="Back Up" type="accept">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#index"/>
  </do>
 </template>
 <card ordered="true" newcontext="false" id="index">
  <do optional="false" label="Back Up" type="accept">
   <noop/>
  </do>
  <do optional="false" label="Back" type="prev">
   <prev/>
  </do>
  <a href="#anchor" accesskey="1">Anchor</a>
  <br/>
  <a href="#attribute" accesskey="2">Attribute</a>
  <br/>
  <a href="#boolean-attribute" accesskey="3">Boolean Attribute</a>
  <br/>
  <a href="#child-elements" accesskey="4">Child Elements</a>
  <br/>
  <a href="#dom" accesskey="5">DOM</a>
  <br/>
  <a href="#element" accesskey="6">Element</a>
  <br/>
  <a href="#node" accesskey="7">Node</a>
  <br/>
  <a href="#polyglot" accesskey="8">Polyglot</a>
  <br/>
  <a href="#root-node" accesskey="9">Root Node</a>
  <br/>
  <a href="#tag">Tag</a>
  <br/>
  <a href="#top-element">Top Element</a>
  <br/>
  <a href="#void-element">Void Element</a>
  <br/>
 </card>
 <card ordered="true" newcontext="false" id="anchor">
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#attribute"/>
  </do>
  <!--TO DO: uses XMLStyles_wml1.xsl - delete XMLStyles_wml.xsl-->
  <p align="left">
   <!-- h3 -->
   <h3>
    <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
anchor</h3>
  </p>
  <p align="left">An <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
anchor or <a href="#placemarkNOTFOUND">placemark link</a> in an HTML document is a named location (bookmark) that can be referenced by a URL. The location is named by the id attribute of the <a href="../tags/a-tag/">&lt;a/&gt; tag</a> 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. </p>
  <p align="left">
   <a href="#attribute">Next: Attribute</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
 <card ordered="true" newcontext="false" id="attribute">
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#boolean-attribute"/>
  </do>
  <!--TO DO: uses XMLStyles_wml1.xsl - delete XMLStyles_wml.xsl-->
  <p align="left">
   <!-- h3 -->
   <h3>
    <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
attribute</h3>
  </p>
  <p align="left">An <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
attribute is a named property associated with an <a href="#element">element</a>. In a marked-up document, attributes are coded between the element name and the tag's terminating /&gt; or &gt; in a start tag and is represented by the attribute name, an equal sign (=) and the value of the property enclosed in quotes. </p>
  <p align="left">
   <a href="#boolean-attribute">Next: Boolean Attribute</a>
   <br/>
   <a href="#anchor">Prev: Anchor</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
 <card ordered="true" newcontext="false" id="boolean-attribute">
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#child-elements"/>
  </do>
  <!--TO DO: uses XMLStyles_wml1.xsl - delete XMLStyles_wml.xsl-->
  <p align="left">
   <!-- h3 -->
   <h3>
    <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
boolean attribute</h3>
  </p>
  <p align="left">A <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
boolean attribute is a property associated with an <a href="#element">element</a> 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 attrname="attrname". A boolean attribute with a <b>false</b> value should be completely omitted. </p>
  <p align="left">
   <a href="#child-elements">Next: Child Elements</a>
   <br/>
   <a href="#attribute">Prev: Attribute</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
 <card ordered="true" newcontext="false" id="child-elements">
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#dom"/>
  </do>
  <!--TO DO: uses XMLStyles_wml1.xsl - delete XMLStyles_wml.xsl-->
  <p align="left">
   <!-- h3 -->
   <h3>
    <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
child elements</h3>
  </p>
  <p align="left">
   <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
Child elements are the elements that are in the content of a parent <a href="#element">element</a>. In an HTML document, the child elements are enclosed between the parent element's <a href="#tag">start tag</a> and it's <a href="#tag">end tag</a>. </p>
  <p align="left">
   <a href="#dom">Next: DOM</a>
   <br/>
   <a href="#boolean-attribute">Prev: Boolean Attribute</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
 <card ordered="true" newcontext="false" id="dom">
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#element"/>
  </do>
  <!--TO DO: uses XMLStyles_wml1.xsl - delete XMLStyles_wml.xsl-->
  <p align="left">
   <!-- h3 -->
   <h3>
    <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
Document Object Model</h3>
  </p>
  <p align="left">The <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
Document Object Model is a well-defined model for SGML and XML documents, which can be "marked up" with tags such as in HTML. While actual documents are often viewed by authors as text into which the markup tags have been inserted, the DOM focuses more on the <a href="#tag">tags</a> themselves, which are represented in the model by <a href="#element">elements</a>, and their content. </p>
  <p align="left">
   <a href="#element">Next: Element</a>
   <br/>
   <a href="#child-elements">Prev: Child Elements</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
 <card ordered="true" newcontext="false" id="element">
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#node"/>
  </do>
  <!--TO DO: uses XMLStyles_wml1.xsl - delete XMLStyles_wml.xsl-->
  <p align="left">
   <!-- h3 -->
   <h3>
    <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
element</h3>
  </p>
  <p align="left">An <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
element 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 <a href="#tag">start tag</a> and an <a href="#tag">end tag</a> enclosing its child elements and other content, if any, or simply by an <a href="#tag">empty tag</a> if it has no content. </p>
  <p align="left">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 <a href="../tags/tbody-tag/">&lt;tbody&gt; tag</a>, which is often an implied child element between a <a href="../tags/table-tag/">&lt;table&gt; tag</a> and a <a href="../tags/tr-tag/">&lt;tr&gt; table row tag</a>. </p>
  <p align="left">
   <a href="#node">Next: Node</a>
   <br/>
   <a href="#dom">Prev: DOM</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
 <card ordered="true" newcontext="false" id="node">
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#polyglot"/>
  </do>
  <!--TO DO: uses XMLStyles_wml1.xsl - delete XMLStyles_wml.xsl-->
  <p align="left">
   <!-- h3 -->
   <h3>
    <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
node</h3>
  </p>
  <p align="left">A <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
node is the representation of an object in the hierarchical model of a document. Types of nodes in a DOM include: <!--TO DO: uses XMLStyles_wml1.xsl - delete XMLStyles_wml.xsl--><p align="left">
    <!-- h4 -->
    <h4>
     <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
element nodes</h4>
   </p>
   <p align="left"/>
   <!--TO DO: uses XMLStyles_wml1.xsl - delete XMLStyles_wml.xsl-->
   <p align="left">
    <!-- h4 -->
    <h4>
     <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
attribute nodes</h4>
   </p>
   <p align="left"/>
   <!--TO DO: uses XMLStyles_wml1.xsl - delete XMLStyles_wml.xsl-->
   <p align="left">
    <!-- h4 -->
    <h4>
     <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
non-markup content - text, character data and whitespace</h4>
   </p>
   <p align="left">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. </p>
   <!--TO DO: uses XMLStyles_wml1.xsl - delete XMLStyles_wml.xsl-->
   <p align="left">
    <!-- h4 -->
    <h4>
     <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
declarations</h4>
   </p>
   <p align="left"/>
   <!--TO DO: uses XMLStyles_wml1.xsl - delete XMLStyles_wml.xsl-->
   <p align="left">
    <!-- h4 -->
    <h4>
     <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
processing instructions</h4>
   </p>
   <p align="left"/>
   <!--TO DO: uses XMLStyles_wml1.xsl - delete XMLStyles_wml.xsl-->
   <p align="left">
    <!-- h4 -->
    <h4>
     <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
comments</h4>
   </p>
   <p align="left"/>
  </p>
  <p align="left">
   <a href="#polyglot">Next: Polyglot</a>
   <br/>
   <a href="#element">Prev: Element</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
 <card ordered="true" newcontext="false" id="polyglot">
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#root-node"/>
  </do>
  <!--TO DO: uses XMLStyles_wml1.xsl - delete XMLStyles_wml.xsl-->
  <p align="left">
   <!-- h3 -->
   <h3>
    <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
polyglot HTML document</h3>
  </p>
  <p align="left">A <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
polyglot HTML document 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. </p>
  <p align="left">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. </p>
  <p align="left">
   <a href="#root-node">Next: Root Node</a>
   <br/>
   <a href="#node">Prev: Node</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
 <card ordered="true" newcontext="false" id="root-node">
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#tag"/>
  </do>
  <!--TO DO: uses XMLStyles_wml1.xsl - delete XMLStyles_wml.xsl-->
  <p align="left">
   <!-- h3 -->
   <h3>
    <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
The root node of the DOM</h3>
  </p>
  <p align="left">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 <a href="#top-element">top element</a>. In an HTML document the root node is the parent of the element represented by the <a href="../tags/html-tag/">&lt;html&gt; tag</a> and of any other top-level nodes such as processing instructions. </p>
  <p align="left">
   <a href="#tag">Next: Tag</a>
   <br/>
   <a href="#polyglot">Prev: Polyglot</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
 <card ordered="true" newcontext="false" id="tag">
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#top-element"/>
  </do>
  <!--TO DO: uses XMLStyles_wml1.xsl - delete XMLStyles_wml.xsl-->
  <p align="left">
   <!-- h3 -->
   <h3>
    <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
tag</h3>
  </p>
  <p align="left">A <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
tag in HTML is a representation of an <a href="#element">element</a> in a document. A <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
start tag or <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
empty tag contains a &lt;, the tag name, one or more optional attribute/value pairs separated from the tag name and other attributes by whitespace and ends with either &gt; or /&gt;. An <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
end tag contains just &lt;/, the tag name and &gt;. </p>
  <p align="left">
   <a href="#top-element">Next: Top Element</a>
   <br/>
   <a href="#root-node">Prev: Root Node</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
 <card ordered="true" newcontext="false" id="top-element">
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#void-element"/>
  </do>
  <!--TO DO: uses XMLStyles_wml1.xsl - delete XMLStyles_wml.xsl-->
  <p align="left">
   <!-- h3 -->
   <h3>
    <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
top element</h3>
  </p>
  <p align="left">The <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
top element is a single node in the DOM 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 <a href="#root-nodeNOTFOUND">root node</a>. In an HTML document, the top element represents the &lt;html&gt; start tag at the beginning of a document and the &lt;/html&gt; end tag at the end of the document, which enclose all other tags in the document. </p>
  <p align="left">
   <a href="#void-element">Next: Void Element</a>
   <br/>
   <a href="#tag">Prev: Tag</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
 <card ordered="true" newcontext="false" id="void-element">
  <!--TO DO: uses XMLStyles_wml1.xsl - delete XMLStyles_wml.xsl-->
  <p align="left">
   <!-- h3 -->
   <h3>
    <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
void element</h3>
  </p>
  <p align="left">A <!--??? no template for "{http://XMLStyles.com/namespaces/styles}dfn" ???-->
void element is an <a href="#element">element</a> that can never have any <a href="#child-elements">child elements</a>. A <span>void element</span> should always be coded as an <a href="#tag">empty tag</a> (&lt;br/&gt;, &lt;img .../&gt;) rather than with a start tag and an end tag (&lt;br&gt;&lt;/br&gt;, &lt;img ...&gt;&lt;/img&gt;). </p>
  <p align="left">
   <a href="#top-element">Prev: Top Element</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
</wml>
