XHTML

From EduTech Wiki
Jump to: navigation, search

1 Definition

XHTML is a family of current and future Web document types and modules that reproduce, subset, and extend HTML4.01. XHTML family document types are XML conformant, and designed to work in conjunction with XML-based editors and user agents.

XHTML markup is pretty much the same as HTML markup, i.e. the XHTML 1.0 version use the same tags as the respective HTML 4.01x version (with some exceptions)

See also:

2 XHTML documents

2.1 Valid XHTML documents

XHTML documents must be wellformed and valid according to the XML specification, except that an XML declaration is not mandatory (only encouraged).

All XHTML tags were defined in lower case. In XML, as opposed to SGML, case does matter.

In addition:

  1. It must conform to the constraints expressed in one of the variants introduced below.
  2. The root element of the document must be html
  3. The root element of the document must contain an xmlns declaration for the XHTML namespace. Examples:
 <html xmlns=  "http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<h:html xmlns:h="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  • There must be a DOCTYPE declaration in the document prior to the root element.
  • The DTD subset must not be used to override any parameter entities in the DTD.
  • An XML declaration on top of the file is mandatory if the character set used is different from UTF-8 or UTF-16.
XHTML Document structure

2.2 XHTML Versions

XHTML 1.0 (26 jan 2000, revised 1 Aug 2002)

According to the XHTML2 Working Group Home Page (retrieved 15:19, 1 September 2009 (UTC)), XHTML 1.0 is specified in three "flavors":

(1) XHTML 1.0 Strict - Use this when you want really clean structural mark-up, free of any markup associated with layout. Use this together with W3C's Cascading Style Sheet language (CSS) to get the font, color, and layout effects you want.

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

(2) XHTML 1.0 Transitional - Many people writing Web pages for the general public to access might want to use this flavor of XHTML 1.0. The idea is to take advantage of XHTML features including style sheets but nonetheless to make small adjustments to your markup for the benefit of those viewing your pages with older browsers which can't understand style sheets. These include using the body element with bgcolor, text and link attributes.

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

(3) XHTML 1.0 Frameset - Use this when you want to use Frames to partition the browser window into two or more frames.

<!DOCTYPE html 
      PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1 additions (module-based XHTML)
  • XHTML Basic 1.1 is a mini-version of XHTML 1.0 for small devices (e.g. cell phones and PDAs). In principle, a successor for older WAP standards. Note there also exists a XHTML Mobile Profile which is a superset defined by the Open Mobile Alliance.
  • XHTML 1.1 is similar to XHTML 1.0 strict (but with a modular design).
XHTML 2.x - dead project
  • There were many new features, e.g. HTML forms, frames and DOM events will be replaced by XML standards
  • Any element can be a link
  • Nested <section> elements with a single heading element.
  • XHTML was quite a different language. Too much to cope for industry we believe, but in our opinion it was a better way to think about documents than HTML 4.x/XHTML 1.x - Daniel K. Schneider 15:19, 1 September 2009 (UTC).
XHTML 5 - under development
  • HTML5 adds many extra features to HTML 4.x and includes some of ideas that went into the XHTML 2 project, e.g. sectioning elements. XHTML5 refers to an XML serialization of HTML5, i.e. a document would use XML syntax and an XML mimetype. The DOM (internal representation) should be the same for both HTML5 and XHTML5 if we understand right.

2.3 XHTML strict example

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html 
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
   <title>Virtual Library</title>
 </head>
 <body>
   <p>Moved to <a href="http://example.org/">example.org</a>.</p>
 </body>
</html>

3 XHTML elements and attributes

See the HTML and XHTML elements and attributes entry.

4 Composite XHTML 1.x documents

  • XHTML can include other namespaced languages, e.g. SVG or MathML or your own XML. However, for the moment it is not possible to validate composite documents.
MathML example (See file xhtml-with-mathml-test.xhtml)
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" 
               "http://www.w3.org/TR/MathML2/dtd/xhtml-math11-f.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:math="http://www.w3.org/1998/Math/MathML"
      xmlns:xlink="http://www.w3.org/1999/xlink">
<head>
   <title>XTHML with MATHML</title>
</head>

 <body>
  <p> <b>Corollary 2</b> [Contractive Sequence Theorem]
  <em>If 
    <math xmlns='http://www.w3.org/1998/Math/MathML'>
    <mo>(</mo><msub><mi>x</mi> <mi>n</mi></msub><mo>)</mo></math>
    is a sequence, for which there is a number
    <math xmlns='http://www.w3.org/1998/Math/MathML'><mi>C</mi><mi>&lt;</mi><mn>1</mn></math>
    such that <math xmlns='http://www.w3.org/1998/Math/MathML'><mo>|</mo>
    <msub><mi>x</mi> <mrow><mi>n</mi><mo>+</mo><mn>2</mn></mrow></msub><mo>-</mo>
    <msub><mi>x</mi><mrow><mi>n</mi><mo>+</mo><mn>1</mn></mrow></msub>
    <mo>|</mo><mo>&le;</mo><mi>C</mi><mo>&sdot;</mo><mo>|</mo><msub><mi>x</mi>
    <mrow><mi>n</mi><mo>+</mo><mn>1</mn></mrow></msub>
    <mo>-</mo><msub><mi>x</mi> <mi>n</mi></msub><mo>|</mo></math>
    , then <math xmlns='http://www.w3.org/1998/Math/MathML'>
    <mo>(</mo><msub><mi>x</mi> <mi>n</mi></msub><mo>)</mo></math>
    converges;</em></p>
</body>
</html>

SVG example (you can see it here)

<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html 
      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >

<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:svg="http://www.w3.org/2000/svg">
 <head>
  <title>SVG within XHTML Demo</title>
 </head>
 <body>

  <p> You can embed SVG into XHTML, provided that your browser natively implements
SVG. E.g. Firefox 1.5 supports most of static SVG.
  </p>

  The SVG part starts below <hr />

  <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400" height="300">

   <!-- un petit rectangle avec des coins arroundis  -->
   <rect x="50" y="50" rx="5" ry="5" width="300" height="100" style="fill:#CCCCFF;stroke:#000099"/>
   
   <!-- un texte au meme endroit -->
   <text x="55" y="90" style="stroke:#000099;fill:#000099;font-size:24;">
    HELLO cher visiteur 
   </text>

  </svg>
  <hr />
  The SVG part ended above
</body>
</html>

It is also possible to include XHTML tags in any XML document markup. E.g. here is an example: (live example)

<?xml version="1.0" ?>
<?xml-stylesheet href="xml_plus_xhtml.css" type="text/css"?>
<page xmlns:html="http://www.w3.org/1999/xhtml" updated="jan 2007">
<title>Hello friend</title>
<list>
  <!-- we use an HTML tag below to include a picture -->
  <html:img src="photo.jpg"/>
  <item price="10"> White plate </item> 
  <item price="20"> Gold plate </item> 
  <item price="15"> Silver plate </item> 
</list>
<comment> Written by <html:a href="http://tecfa.unige.ch/tecfa-people/schneider.html">DKS/Tecfa</html:a> , feb 2007 </comment>
</page>

5 Issues

IE support

XHTML was badly supported by IE6, IE7 and IE8. These Microsoft browsers did not recognize the application/xhtml+xml mimetype, which made it difficult to include XSLT stylesheets or other languages such as SVG or MathML. The reason why MS did not support "real" XHTML is simple. They would have had to rewrite the whole parser as it is explained by Chris Wilson in the IEBlog. Microsoft finally got there with IE9/10. But by then the XHTML "concept" was dead and replaced by HTML5

If you send XHTML as simple HTML "text/html" files you will loose all XML-related advantages. XHTML id render in IE 6-8 since it was simply translated to HTML 4.1.

There were workarounds to somewhat deal with IE 6/7/8

 <?xml version="1.0" encoding="ISO-8859-1"?>
 <!-- prevent IE from rendering a DOM tree -->
 <?xml-stylesheet type="text/xsl" href="xhtml.xsl"?>
 <?xml version="1.0"?>
  <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
   <xsl:template match="/">
  <xsl:copy-of select="."/>
 </xsl:template>
 </xsl:stylesheet>

See Dean Edwards and Anne Van Kersteren

XML requirements

XML states that pages with errors should not display. Since most programmers can't produce correct (X)HTML code, this can be seen a stumbling block for creating web sites and web applications ....

6 Tools

To author (X)HTML Pages you can:

7 Links

See HTML links (a page with links for both HTML and XHTML)

7.1 Standards

  • HTML, Latest Version (XHTML 1.0 as of 15:53, 12 March 2007 (MET)]
  • XHTML 1.0
  • XHTML Basic 1.1 (still a working draft as of March 2007).
  • XHTML 2.0 (working draft 2006). The project is dead: “2009-07-02: Today the Director announces that when the XHTML 2 Working Group charter expires as scheduled at the end of 2009, the charter will not be renewed. By doing so, and by increasing resources in the HTML Working Group, W3C hopes to accelerate the progress of HTML 5 and clarify W3C's position regarding the future of HTML.” (W3C news, retrieved 15:19, 1 September 2009 (UTC).

7.2 Links

  • Beware of XHTML by David Hammond (last checked Jan 2014)
  • [www.dev-archive.net/articles/xhtml.html XHTML — myths and reality] by Tina Holmboe (last checked Jan 2014)

7.3 On-line tools