XHTML

Overview

XHTML is the successor to, and the current version of, HTML. The need for a more strict version of HTML was felt primarily as now web content needs to be delivered to many devices (like mobile devices) apart from traditional computers, where extra resources cannot be devoted to support the generosities of HTML. (The looser the syntax of a language, the harder it is to process.) A DTD defines the rules of XHTML, against which documents can be checked.

Most of the recent versions of popular web browsers render XHTML properly, and many older browsers will also render XHTML as it is mostly a subset of HTML and most browsers do not require valid HTML. Similarly, almost all web browsers that are compatible with XHTML also render HTML properly. Some say this is slowing the switch from HTML to XHTML.

XHTML's true power is realized when used in conjunction with Cascading Style Sheets; this makes the separation of style and content an integral part of the web page's code and with mixing different XML applications (such as MathML or SVG) in a single document.

The changes from HTML to transitional XHTML are minor, and are mainly to increase conformance with XML. The most important change is the requirement that the document must be well formed and all tagss must be closed and semantically rich. Additionally, in XHTML, all tags must be written in lowercase. This is in direct contrast to established traditions which began around the time of HTML 2.0, when most people preferred uppercase tags. In XHTML, all attributes, even numerical ones, must be quoted. (This is not mandatory in SGML (hence in HTML), where quotes are not required if the content consists only of alphanumeric and certain allowed special characters.) All elements must also be closed, including empty elements such as img and br. This can be done by adding a closing slash to the start tag: and
. Attribute minimization (e.g., ) is also prohibited; instead, use . More differences are detailed in the W3C XHTML specification.

Versions of XHTML

XHTML 1.0

• XHTML 1.0 Strict requires that all tags be well-formed, and deprecates many elements and attributes found in HTML 4.01.
• XHTML 1.0 Transitional is designed for an easier transition from HTML, and allows some common elements and attributes not found in XHTML 1.0 Strict to be used, such as , , , and .
  XHTML 1.0 Frameset: Allows the use of HTML framesets.
  

  XHTML 1.1

  
  The most recent XHTML W3C Recommendation is XHTML 1.1: Module-based XHTML. Authors can import additional features (such as framesets) into their markup. This version also allows for ruby markup support, needed for East-Asian languages (especially CJK).

  This is the specification that the W3C recommends all new web pages be created in.
  

  The XHTML 2.0 draft specification

  
  Work on XHTML 2.0 is, as of 2004, still underway; in fact, the DTD has not even been authored yet. The XHTML 2.0 draft is controversial because it breaks backwards compatibility with all previous versions, and is therefore in effect a new markup language created to circumvent (X)HTML's limitations rather than being simply a new version.

  New features brought into the HTML family of markup languages by XHTML 2.0 state that:

  HTML forms will be replaced by XForms.
  HTML frames will be replaced by XFrames.
  The HTML Document Object Model will be replaced by XML Events, which uses the XML Document Object Model.
  A new list element, the element, will be included in order to specifically designate a list as a navigation list. This will be useful in creating nested menus which are currently created by a wide variety of means.
  Any element will be able to contain a hyperlink, e.g.,
  Articles
  .
  Any element will be able to reference alternative media with the src attribute, e.g.,

  London Bridge

  will replace .
  The element has been removed in favor of
  The heading elements (i.e.

  ,

  ,

  , etc.) will be deprecated in favour of the single element . Levels of headings will instead be indicated by the nested

  elements each with their own heading.

  The presentational elements , and , still allowed in XHTML 1.x (even Strict), will be absent from XHTML 2.0. The only presentational elements remaining will be and for superscript and subscript respectively.
  

  Others in the XHTML family

  XHTML Basic: A special "light" version of XHTML for devices which cannot use the full XHTML set, primarily used on handhelds such as mobile phones. This is the intended replacement for WML and C-HTML.

  XHTML Mobile Profile: Based on XHTML Basic, this OMA (Open Mobile Alliance, www.oma.org) effort targets hand phones specifically by adding mobile phone-specific elements to XHTML Basic.
  

  Validating XHTML documents

  
  An XHTML document that conforms to the XHTML specification is said to be a valid document. In a perfect world, all browsers would follow the web standards and valid documents would predictably render on every browser and platform. Although validating your XHTML does not ensure cross-browser compatibility, it is recommended. A document can be checked for validity with the W3C Markup Validation Service.
  

  DOCTYPEs

  
  For a document to validate, it must contain a Document Type Declaration, or DOCTYPE. A DOCTYPE declares to the browser what Document Type Definition (DTD) the document conforms to. A DTD should be placed at the very beginning of an XHTML document. These are the most common XHTML DTDs:
  

  XHTML 1.0 Strict -
  :<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

  XHTML 1.0 Transitional -
  :<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  XHTML 1.0 Frameset -
  :<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

  XHTML 1.1 -
  :<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

  A character encoding must also be specified at the beginning of an XHTML document. Once an XHTML document has a DOCTYPE and character encoding specified, it can be run through a validator (such as the W3C Markup Validation Service) to see if it meets the standard. Validation will locate and describe errors in XHTML markup.

  When a page is validated using the W3C Markup Validation Service, the W3C returns a small that you may place on your document to show that it conforms to web standards. The W3C also offers validation for CSS.
  

  Common errors

  
  Some of the most common errors in XHTML are:

  • Not closing empty elements (elements without closing tags)
  • *Incorrect:
  • *Correct:

  • Not closing non-empty elements
  • *Incorrect:

    This is a paragraph.

    This is another paragraph.

  • *Correct:

    This is a paragraph.

    This is another paragraph.

  • Improperly nesting elements (elements must be closed in reverse order)
  • *Incorrect: This is some text.
  • *Correct: This is some text.
  • Not specifying alternate text for images (using the alt attribute, which helps make pages accessible for devices that don't load images or screen-readers for the blind)
  • *Incorrect:
  • *Correct:
  • Putting text directly in the body of the document
  • *Incorrect: Welcome to my page.
  • *Correct:

    Welcome to my page.

  • Nesting block-level elements within inline elements
  • *Incorrect:

    Introduction

  • *Correct:

    Introduction

  • Not putting quotation marks around attribute values
  • *Incorrect: