HTML, XHTML & CSS Rubric for CIS 1310 and CIS 2320 DOCTYPES The "html" element requires a DOCTYPE (document type declaration). Recognized DOCTYPEs are: · · · · · · · · · · · · · · · · · · · · · · When checking to see if a DOCTYPE is recognized, a case sensitive compare is made. GENERAL · For XHTML documents, the "html" element requires an XML declaration. · The "address", "blockquote", "center", "dir", "div", "dl", "fieldset", "form", "h1", "h2", "h3", "h4", "h5", "h6", "hr", "isindex", "menu", "noframes", "noscript", "ol", "p", "pre", "table", or "ul" elements should not be contained within an inline element. · The "abbr", "acronym", "b", "big", "cite", "code", "dfn", "em", "h1", "h2", "h3", "h4", "h5", "h6", "i", "kbd", "q", "s", "samp", "small", "strike", "strong", "sub", "sup", "tt", "u", "var" elements should not be contained within another element of the same type. · The "head" section should have a "title" element. · An HTML document requires a "head" section. · Improper use of "ul" or "ol" elements. For example, when used without using any "li" elements or when it contains text that is not in an "li" element. · The "name" attribute value must begin with a letter (A-Z or a-z) and consist of the following characters: (A-Z), (a-z), (0-9), hyphens (-), underscores (_), colons (:), and periods (.). · The "meta" element is missing. · Element not closed. · Special character missing ending semicolon. · Missing closing ">" for element. · Element used as an attribute instead of an element. · Extraneous closed element. · Content cannot exist outside of
. · Use & instead of &. · Numeric attribute value should not indicate measurement. · Numeric property value should indicate measurement (i.e., 15em, 15px, 15pt, etc.). · Need a space before "/>". DEPRECATION · The "applet" element is deprecated in favor of the "object" element. · The "basefont", "center", "font", "s", "strike", and/or "u" elements are deprecated. · The "align" attribute that can have a value of "left", "center", "right", or "justify" is deprecated. · The "align" attribute used with the "caption" element is deprecated. · The "align", "noshade", "size", and/or "width" attributes used with the "hr" element is deprecated. · The "align" attribute used with the "legend" element is deprecated. · The "align" and/or "bgcolor" attribute used with the "table" element is deprecated. · The "background", "text", "link", "vlink", and/or "alink" attributes used with the "body" element are deprecated. · The "clear" attribute that can have a value of "all", "left", "none", or "right" is deprecated. · The "compact", "start", and/or "type" attributes used with the "ol" element are deprecated. · The "compact" and/or "type" attributes used with the "ul" element are deprecated. · The "language" attribute used with the "script" element when the "type" attribute is not used is deprecated. · The "name" attribute used with the "a", "applet", "form", "frame", "iframe", "img", or "map" elements in an XHTML 1.0 document without the "id" attribute is deprecated. · The "type", and/or "value" attributes used with the "li" element are deprecated. · The "height" and/or "width" attribute used with the "td" or "th" element is deprecated. · The "bgcolor" attribute used with the "td" or "th" element is deprecated. · The "nowrap" attribute used with the "td" or "th" element is deprecated. · The "bgcolor" attribute used with the "tr" element is deprecated. XHTML 1.1 · All elements and attributes must be in lowercase. · All attributes must have values. · Attributes values must be enclosed in quotes. · Non-XHTML 1.1 elements: "applet", "basefont", "bgsound", "blink", "center", "comment", "dir", "embed", "font", "frame", "frameset", "iframe", "ilayer", "isindex", "keygen", "layer", "listing", "marquee", "menu", "multicol", "nextid", "nobr", "noembed", "noframes", "nolayer", "plaintext", "s", "server", "sound", "spacer", "strike", "u", "wbr", "window", "wml", "xmp". · Non-XHTML 1.1 attributes: · "name" used with the "a", "applet", "form", "frame", "iframe", "img", and "map" elements. · "target" used with the "a", "area", "base", "form", or "link" elements. · "align", "alink", "background", "bgproperties", "credit", "height", "leftmargin", "marginheight", "marginwidth", "nowrap", "instructions", "link", "logo", "scroll", "text", "topmargin", "vlink", "width" used with the "body" element · "align" or "valign" used with the "caption" element. · "compact" used with the "dl" element. · "align", "color", "noshade", "size", or "width" used with the "hr" element. · "scroll" used with the "html" element. · "border" used with the "img" element. · "align" used with the "legend" element. · "type", "value" used with the "li" element. · "compact", "start", or "type" used with the "ol" element. · "width" used with the "pre" element. · "align", "bgcolor", "bordercolor", "bordercolorlight", "bordercolordark", "height", "hspace", or "vspace" used with the "table" element. · "background", "bgcolor", "bordercolor", "bordercolorlight", "bordercolordark", "height", "nowrap", or "width" used with the "td" or "th" elements. · "background", "bgcolor", "bordercolor", "bordercolorlight", or "bordercolordark" used with the "tr" element. · "compact" or "type" used with the "ul" element. · Certain block-level elements should not be used within certain other block-level elements, like using "h2" or "ul" in a heading element. · Block-level elements like "table" or "h1" should not be used within a "p" element. · Certain elements cannot be a child of blockquote, body, or form: "abbr", "acronym", "b", "br", "button", "cite", "em", "i", "img", "input", "label", "map", "object", "select", "span", "strong", "sub", "sup", "textarea". GENERAL COMPATIBILITY · The "blink" element is not an official HTML or XHTML element though it is supported by some browsers. Using this element may reduce accessibility. · The "marquee" element is not an official HTML or XHTML element but is supported by most modern browsers. Using this element may reduce accessibility. · The "marginheight" or "marginwidth" attribute used with the "body" element is Netscape and Opera specific. · The "embed" element is not supported by HTML 4.0; use the "object" element instead. · If the "input", "select", and/or "textarea" element is used, it may not be displayed by some browsers if it is not in a form. · The "height" attribute used with the "table" element is not an HTML 4.01 attribute and is not well supported. · The "background" attribute used with "td" or "th" is not an official HTML or XHTML attribute, though it is supported by some browsers. · The "wrap" attribute used with the "textarea" element is not an official HTML or XHTML attribute, though it is supported by some browsers. · The "height" attribute used with the "tr" element is not an HTML/XHTML attribute, though it is supported by some browsers. · If "absbottom", "absmiddle", "textbottom", "textmiddle", or "texttop" is used as an attribute value, these values are not HTML 4.01 values and may not be supported by standards compliant browsers. STYLE · The "height" and "width" attributes should be used with the "img" element. · The "height" and "width" attributes should be used if the "input" element with type="image" is used. · The "u" element should not be used, as underlining may confuse visitors because most browsers underline hyperlinks. · Underlining should not be used, as underlining may confuse visitors because most browsers underline hyperlinks. SEARCH ENGINE · The "meta" description tag should be used. · The "meta" description tag should bebetween 100-200 characters. · The document's "title" should be 5-15 words in length. · The document has a missing title even though it contains the "title" element. · The document's title is inappropriate (such as "Untitled", "Home Page ", "Title", etc.). · The document's title begins with unnecessary text like "Welcome to" or "Home Page of". · If alt text is required with the "img" or "area" elements. INTERNET EXPLORER SPECIFIC · The "bgsound" element is Internet Explorer specific. · The "bgproperties", "nowrap", and/or "scroll" attributes used with the "body" element are Internet Explorer specific. · The "leftmargin" and/or "topmargin" attributes used with the "body" element, are Internet Explorer specific. · The "valign" attribute used with the "caption" element is Internet Explorer specific. · The "color" attribute used with the "hr" element is Internet Explorer specific. · The "disabled" attribute used with the "style" element is Internet Explorer specific. · The "bordercolor", "bordercolordark", and/or "bordercolorlight" attributes used with a "table", "td", "th", or "tr" element, are Internet Explorer specific. NETSCAPE SPECIFIC · The "hspace" or "vspace" attribute used with the "table" element is Netscape specific. · The "background" attribute used with the "tr" element is Netscape specific. NON-CODING · Should not link to current page. · Main nav bar missing. · Main nav should link to pages, not named anchors. · Main nav should vertically appear before named anchors. · Main nav should appear above the fold. · Main nav should not be at bottom of page. · Main nav wording inconsistent with other pages. · Main nav link text should not wrap. · Should not mix main links and named anchors. · Navigation from interior pages to interior pages missing. · Inconsistent spacing/linking in nav bar. · Image does not render. · Text difficult to read on background. · Orphan page. · Headings should be in a larger typeface than subheads. · Column width too narrow. · Uneven columns. · Content too close to cell edge. · Inconsistent white space between sections. · Inconsistent capitalization. · Punctuation or spelling errors.