The body of a document.ScriptScriptHeading | Body | ListContains the content of a document that is displayed in the browser window<body> <h1>My Website</h1>... </body>The head of a document.URItitleDefines a section of the document that contains information about the document, but not actual content<head> <title>...</title><style>...</style> </head>Marks an html document.CDATAURI (http://www.w3.org/1999/xhtml)head, bodyThe html element acts as the root element for all XHTML Family Document Types.<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head></head> <body></body></html>The title of a document.Processed Character DataDisplays in the title bar of the browser window.<head> <title>XHTML Reference Guide</title> </head>Marks a set of sub-windows.MultiLengthMultiLengthScriptScript(frameset | frame)+, noframes?When this module is selected, the minimal content model of the html element of the Structure Module is changed to (head, frameset).<frameset rows="50%, 50%"> <frame src="path/to/file.html" name="myframe" />...</frameset>Marks a sub-window in a frameset.("1" | "0")URIPixelsPixels"noresize"("yes" | "no" | "auto")URIEMPTYframes load other external documents<frameset rows="50%, 50%"> <frame src="path/to/file.html" name="myframe" /><frame src="path/to/anotherfile.html" name="myotherframe" /> </frameset>Alternate content in lieu of frames.bodyIncreases accessiblity when a <frameset> is used. Content within <noframes> is displayed in lieu of frames.<frameset rows="50%,50%"> <noframes><body>...</body></noframes> </frameset>Marks an inline frame.("1" | "0")LengthURIPixelsPixels("yes" | "no" | "auto"*)URILength(frameset | frame)+, noframes?Content within <iframe> tag sets is displayed to browsers that do not support <iframe><iframe src="path/to/file.html">Your browser does not support iframes.</iframe>Marks an abbreviation.(Processed Character Data | Inline)*Often displays in italic type with a dotted underline by default.<abbr title="Mister" >Mr.</abbr>Marks an acronym.(Processed Character Data | Inline)*<acronym> is on its way out. Use <abbr> instead. <acronym title="As soon as possible" >ASAP</acronym>Marks contact information for the page.(Processed Character Data | Inline)*Often displays in italic type, use <address> to hold the contact information for a particular web page. It can hold an e-mail address, a mailing address, a phone number, or other contact information.<address><a href="mailto:info@fuzzycoconut.com">Contact Fuzzy Coconut with questions about this widget</a>! <br />(555) 555-1212</address>Marks a quotation.URI(Processed Character Data | Heading | Block | List)*Must contain block level elements, such as <p></p> tag sets. The cite attribute is for the url from which the quotation originates.<blockquote cite="http://blog.pennypacker.net/"> <p>...Having witnessed [Hula Girl‘s] popularity...</p> </blockquote>Marks a line break.EMPTYShould not be used as a spacer, and is not a replacement for the <p> tag.1 Infinite Loop<br />Cupertino, CAMarks a Citation.(Processed Character Data | Inline)Used to credit a source of referenced material.<cite>Thomas Jefferson</cite>Marks a section of computer code.(Processed Character Data | Inline)used to show snippets of computer code or html mark-up.<code><?php echo "Hello World!"; ?></code>Marks a definition term.(Processed Character Data | Inline)*Used the first time an uncommon term is introduced in a document.<dfn title="A small piece of software designed to run in Mac OS X's Dashboard">Widget</dfn>Marks a logical division of a document.(Processed Character Data | Flow)*Often used to divide a document into segments e.g. heading, maincontent, footer<div id="header">[top of the page content]</div>Marks emphasized text.(Processed Character Data | Inline)*Usually renders as italic. Designed to show emphasis, such as when a specific term is used.That‘s what <em>I</em> said!Marks the most important headline.(Processed Character Data | Inline)*h1-h6 are varying levels of headlines, and display as block level elements. h1 is the most important headline, h6 are the least important.<h1>My Page about Monkeys</h1>Marks a secondary headline.(Processed Character Data | Inline)*h1-h6 are varying levels of headlines, and display as block level elements. h1 is the most important headline, h6 are the least important<h2>A section about Apes</h2>Marks a headline.(Processed Character Data | Inline)*h1-h6 are varying levels of headlines, and display as block level elements. h1 is the most important headline, h6 are the least important<h3>Apes‘ eating habits</h3>Marks a headline.(Processed Character Data | Inline)h1-h6 are varying levels of headlines, and display as block level elements. h1 is the most important headline, h6 are the least important<h4>Links about Apes</h4>Marks a headline.(Processed Character Data | Inline)*h1-h6 are varying levels of headlines, and display as block level elements. h1 is the most important headline, h6 are the least important<h5>About the teeth of an ape</h5>Marks a headline.(Processed Character Data | Inline)*h1-h6 are varying levels of headlines, and display as block level elements. h1 is the most important headline, h6 are the least important<h6>When apes get cavities</h6>Marks keyboard text.(Processed Character Data | Inline)*Often displays in fixed width fontType in <kbd>password</kbd> and press returnMarks a paragrpah.(Processed Character Data | Inline)*break tags should not be used as a substitute, and empty <p></p> tag sets should not exist.<p>A paragraph is a group of related sentences...</p>Marks preformatted text."preserve"(Processed Character Data | Inline)*Browsers preserve exact spacing and line breaks in preformatted text; typically rendered in fixed-width font. Must not contain the <img>, <object>, <big>, <small>, <sub>, or <sup> elements<pre> spacing is preserved</pre>Marks a short quotation.URI(Processed Character Data | Inline)*the cite attribute is often used to show the source of the quotation<q cite="http://pennypacker.net">Comic Sans is never appropriate</q>Marks sample computer code ouput.(Processed Character Data | Inline)*Not to be confused with <code>. <code> is for the code itself, <samp> marks code‘s outuput<samp>Hello World!</samp>Marks a significant inline element.(Processed Character Data | Inline)*Similar to <div>, but inline. It bears no semantic meaning and so is ideal for noting words like brand names that are given a different style treatment.<span>Fuzzy Coconut</span> is a collaborative design group.Marks strongly emphasized text.(Processed Character Data | Inline)*Usually renders as bold. Designed to show strong emphasis, whereas bold tags are merely typographic better suited to presentation<strong>Do not enter</strong>Marks a variable within code.(Processed Character Data | Inline)*usually used within <code> tag sets, but can be used outside of them<code><?php <var>$message</var> = "Hello World!"; echo <var>$message</var>; ?></code>Marks an anchor.CharacterURIURIScriptScript((Processed Character Data | Inline) -a)*Anchors can be used to define a hyperlink, or mark a section to be linked to. Please Note: internal document links can point to any element with an id attribute instead of creating an empty anchor for the task. e.g. href="#top" can link to div id="top"hyperlink: <a href="http://apple.com" title="Apple Computer">Apple</a>Marks a definition list.(dt | dd)+Used to mark-up a list of terms and their definitions<dl><dt>ball</dt><dd>round object that is hit or thrown or kicked in games</dd></dl>Marks a definition term in a <dl>.(Processed Character Data | Inline)*Doesn‘t have to be a word, could be a phrase, or any term that may need to be defined<dl><dt>ball</dt><dd>round object that is hit or thrown or kicked in games</dd></dl>Marks a definition in a <dl>.(Processed Character Data | Flow)*Definition, or meaning in the context of the document<dl><dt>ball</dt><dd>round object that is hit or thrown or kicked in games</dd></dl>Marks an ordered list.li+Numbers list items, or assigns them a letter.<ol> <li>one</li> <li>two</li> </ol>Marks an unordered list.li+Often used for navigation lists<ul> <li>apples</li> <li>oranges</li> </ul>Marks a list item.(Processed Character Data | Flow)*The only valid child of <ol> and <ul><li>Item</li>Marks an embedded object.URIsURIURIContentTypeURIdeclareLengthCDATATextNumberContentTypeLength(Processed Character Data | Flow | param)*Used mostly for multi-media elements such as movies<object data="" fctype="" width="200" height="120"> alternative text </object>Marks paramaters of an <object>.IDCDATAContentTypeCDATA("data"* | "ref" | "object")EMPTYThis tag, like break, needs to be closed<param name="text" value="this is some text" />Marks bold text.(Processed Character Data | Inline)*This tag is purely presentational, <strong> may be a better option.<b>This type is in bold</b>Marks large text.(Processed Character Data | Inline)*This tag is presentational, <span> with appropriate CSS may be a better option.<big>This type is bigger</big> than this text.Marks a horizontal rule.EMPTYCreates a horizontal line, and is purely presentational. A border applied to an element with CSS may be a better optionHeadline<hr />copy that goes beneath the headlineMarks italic text.(Processed Character Data | Inline)*This tag is presentational and appropriate for titles presented in italics. <em> may be a better option for other uses.<i>The Millennium Falcon</i> ran the Kessel Run in less than twelve parsecs.Marks small text.(Processed Character Data | Inline)*This tag is presentational, <span> with appropriate CSS may be a better option.<small>This type is smaller</small> than this text.Marks a subscript.(Processed Character Data | Inline)*Creates type that is slightly smaller and sits below the baselineI drink H<sub>2</sub>OMarks a superscript.(Processed Character Data | Inline)*Creates type that is slightly smaller and sits above the baselineThis text might be footnoted<sub>1</sub>Marks teletype text.(Processed Character Data | Inline)*This tag is presentational, <span> with appropriate CSS may be a better option.Upon completing the calculations, the machine printed the text: <tt>42</tt>Marks deleted text.URIDatetime(Processed Character Data | Flow)*Used to show a section of copy that has been removed from a working document. Often rendered in strike-throughI like <del>mittens</del> <ins>gloves</ins>Marks inserted text.URIDatetime(Processed Character Data | Flow)*Used to show a section of copy that has been added to a working document. Often rendered in underlineI like <del>mittens</del> <ins>gloves</ins>Marks bi-directional text.("ltr" | "rtl")(Processed Character Data | Inline)*Selecting this module also adds the attribute dir* ("ltr" | "rtl") to the I18N attribute collection<bdo dir="rtl">This text reads from right to left</bdo>Marks a button.Character"disabled"CDATANumber("button" | "submit" | "reset")CDATAScriptScript(Processed Character Data | Heading | List | Block - Form | Inline - Formctrl)*Can contain images, unlike <input fctype="button"><button>Click this button</button>Marks a group of form fields.(Processed Character Data | legend | Flow)*Used to logically divide a form into related sections. Usually renders with a border<form> <fieldset> ... </fieldset> </form>Marks a form.ContentTypeCharsetURI("get"* | "post")ContentTypeScriptScript(Heading | List | Block - form | Fieldset)+action is a required attribute<form> <input fctype="checkbox" name="check" />... </form>Marks an element of a <form>.ContentTypeCharacterText"checked""disabled"NumberCDATA"readonly"NumberURINumber("text"* | "password" | "checkbox" | "radio" | "submit" | "reset" | "hidden")CDATAScriptScriptScriptScriptEMPTYThe type attribute determines the type of input.<label for="firstname">First Name</label> <input fctype="text" name="firstname" id="firstname" />Marks the label of an <input>.CharacterIDREFScriptScript(Processed Character Data | Inline - label)*the for attribute corresponds to the id attribute of the <input> element the <label> points to.<label for="firstname">First Name</label> <input fctype="text" name="firstname" id="firstname" />Marks the legend of a <fieldset>.(Processed Character Data | Inline)+Essentially a headline; renders above the fieldset‘s border in the top left<fieldset> <legend>Contact Information</legend> </fieldset>Marks a select menu."disabled""multiple"CDATANumberNumberScriptScriptScript(optgroup | option)+a pull-down menu. When the multiple attribute is set, the menu allows multiple selections.<select><option>Item</option></select>Marks a group of <option>s."disabled"Text(Processed Character Data | Inline)+Used only within a select menu<select> <optgroup> ... </optgroup> </select>Marks an option."disabled"TextselectedCDATAProcessed Character DataUsed only in <select> menus<select><optgroup> <option>Item</option> </optgroup></select>Marks a text area.CharacterNumber"disabled"CDATA"readonly"NumberNumberScriptScriptScriptScriptProcessed Character DataA <textarea> is a multi-line input area suitable for entering a paragraph or more of text<textarea rows="10" cols="40"> </textarea>Marks a caption for a <table>.(Processed Character Data | Inline)*Contains a brief summary of the table‘s data, only one <caption> is permitted per table.<table> <caption>Mulitplication Table</caption> </table>Marks a column in a <table>.("left" | "center" | "right" | "justify" | "char")CharacterLengthNumber("top" | "middle" | "bottom" | "baseline")MultiLengthEMPTYUsed to define attributes for a column<table><col valign="top" /><tr>... </table>Marks a group of columns within a <table>.("left" | "center" | "right" | "justify" | "char")CharacterLengthNumberMultiLengthcol*Used to define attributes for several columns that are similar<colgroup valign="top"></colgroup>Marks a table of data.PixelsLengthLengthCDATA("void" | "above" | "below" | "hsides" | "lhs" | "rhs" | "vsides" | "box" | "border")("none" | "groups" | "rows" | "cols" | "all")TextLengthcaption?, ( col* | colgroup* ), (( thead?, tfoot?, tbody+ ) | ( tr+ ))Presents tabular data, such as Multiplication tables or other data that might be presented as a chart<table> ... </table>Marks the table body.CharacterLength("top" | "middle" | "bottom" | "baseline")tr+Similar to <thead> and <tfoot>, <tbody> groups rows in the body of the table<table><tbody><tr> ... </tr></tbody> </table>Marks a cell of <table> data.Text("left" | "center" | "right" | "justify" | "char")CDATACharacterLengthNumberIDREFNumber"row", "col", "rowgroup", "colgroup")("top" | "middle" | "bottom" | "baseline")(Processed Character Data | Flow)*Creates an individual cell within a <table><table><tbody><tr> <td> ... </td> </tr></tbody></table>Marks the table foot.CharacterLength("top" | "middle" | "bottom" | "baseline")tr+Similar to <thead> and <tbody>, <tfoot> groups rows in the foot of the table<table><tfoot><tr> ... </tr></tfoot> </table>Marks a section of the table head.Text("left" | "center" | "right" | "justify" | "char")CDATACharacterLengthNumberIDREFNumber"row", "col", "rowgroup", "colgroup")("top" | "middle" | "bottom" | "baseline")(Processed Character Data | Flow)*Creates an individual cell within the head of a <table><table><thead><tr> <th> ... </th> </tr></thead></table>Marks the table head.CharacterLength("top" | "middle" | "bottom" | "baseline")tr+Similar to <tbody> and <tfoot>, <thead> groups rows in the head of the table<table><thead><tr> ... </tr></thead> </table>Marks a table row.("left" | "center" | "right" | "justify" | "char")CharacterLength("top" | "middle" | "bottom" | "baseline")(td | th)+Defines a row within <thead>,<tbody> and <tfoot><table><tr> ... </tr></table>Marks an image.TextLength"ismap"URIURILengthEMPTYAn <img> tag must be contained within a block level element like <div> or <p><img src="path/to/image" alt="text that describes the image" />Marks an area within an image map.CharacterTextCDATAURI"nohref"("rect"* | "circle" | "poly" | "default")NumberScriptScriptEMPTYCan define circles or rectangles<area shape="rect" coords ="0,0,82,126" href="venus.htm" alt="Venus" />Marks a map of clickable regions on an image.NMTOKENIDCDATA((Heading | Block) | area)+the <img> with the map, must have its usemap attribute filled out with the id or name of the <map><map id="mymap" name="mymap"> <area /> </map>Marks meta information.CDATANMTOKENNMTOKENCDATAEMPTY<meta> information doesn‘t render in a web browser, it describes features of the document such as author or keywords.<meta name="keywords" content="XHTML, Widgets, Dashboard, Fuzzy, Reference" />Marks data to be displayed if a script does not run.(Heading | List | Block)+This tag is ignored by browsers that process the script<noscript>This is displayed in browsers that can‘t run the script</noscript>Marks a section of script.Charset"defer"URIContentType"preserve"Processed Character DataThe script element is added to the content model of the head element defined in the Structure Module<script type="text/javascript" src="path/to/file.js"></script>Marks a section of style.MediadescTextContentType"preserve"Processed Character DataIt is recommended to use this element in favor the style attribute. When this module is used, it adds the style element to the content model of the head element of the Structure Module.<style type="text/css"> body { margin: 0; padding: 0; }</style>Marks a link to another document.CharsetURILanguageCodeMediadescLinkTypesLinkTypesContentTypeEMPTYlink is often used to link a style sheet<link rel="stylesheet" fctype="text/css" href="style.css" />Marks the base URI.URIEMPTYAll relative paths in the document will be made relative to the base href. When this module is used, it adds the base element to the content model of the head element of the Structure Module.<base href="http://www.fuzzycoconut.com" />Character dataA document-unique identifierA reference to a document-unique identifierA space-separated list of references to document-unique identifiersA name with the same character constraints as ID (document-unique)A name composed of only name tokens as defined in XML 1.0One or more white space separated NMTOKEN valuesProcessed character dataA single character from [ISO10646].A character encoding, as per [RFC2045].A space-separated list of character encodings, as per [RFC2045]The attribute value type "Color" refers to color definitions as specified in [SRGB]. A color value may either be a hexadecimal number (prefixed by a hash mark e.g. #000000) or one of sixteen color names e.g. black. The color names are case-insensitive.A media type, as per [RFC2045].A comma-separated list of media types, as per [RFC2045].Comma separated list of coordinates to use in defining areas.Date and time information.A character string representing an SGML Formal Public Identifier.Frame name used as destination for results of certain actions.A language code, as per [RFC3066].The value may be either in pixels or a percentage of the available horizontal or vertical space. Thus, the value "50%" means half of the available space.A LinkTypes value refers to a space-separated list of link types. White space characters are not permitted within link types. Possible link types: Alternate, Stylesheet, Start, Next, Prev, Contents, Index, Glossary, Copyright, Chapter, Section, Subsection, Appendix, Help, BookmarkThe MediaDesc attribute is a comma-separated list of media descriptors. The following is a list of recognized media descriptors: screen, tty, tv, projection, handheld, print, braille, aural, allThe value may be a Length or a relative length. A relative length has the form "i*", where "i" is an integer. When allotting space among elements competing for that space, user agents allot pixel and percentage lengths first, then divide up remaining available space among relative lengths. Each relative length receives a portion of the available space that is proportional to the integer preceding the "*". The value "*" is equivalent to "1*". Thus, if 60 pixels of space are available after the user agent allots pixel and percentage space, and the competing relative lengths are 1*, 2*, and 3*, the 1* will be allotted 10 pixels, the 2* will be allotted 20 pixels, and the 3* will be allotted 30 pixels.A comma separated list of items of type MultiLength.One or more digitsThe value is an integer that represents the number of pixels of the canvas (screen, paper). Thus, the value "50" means fifty pixels. For normative information about the definition of a pixel, please consult [CSS2].Script data can be the content of the "script" element and the value of intrinsic event attributes. User agents must not evaluate script data as HTML markup but instead must pass it on as data to a script engine. The case-sensitivity of script data depends on the scripting language. Please note that script data that is element content may not contain character references, but script data that is the value of an attribute may contain them.The shape of a region.Arbitrary textual data, likely meant to be human-readable.A Uniform Resource Identifier, as per [URI].A space-separated list of Uniform Resource Identifiers, as per [URI].
