XHTML Learning Chart…

We’ve prepared an overview chart for those of you coming to grips with XHTML. There are two versions — a validated XHTML document (with live learning links — you can study its source code), and a PNG image for easy reference and download.

WebHelperMagazine.com
HTML – XHTML – XML Comparison Chart…

View the Chart as a PNG image.

View the chart as a validated XHTML 1.0 document (with live learning links). Current Version: 1.1

This chart is meant to be a quick overview for Open Source WebMasters learning about XHTML and asking, “why switch from HTML to XHTML?” It is meant to ease some of the transition pains as HTML dies, and XHTML comes to life. It is by no means comprehensive, though you should watch this page (subscribe to the Open Source WebMaster Blog RSS feed) for updates. See general notes at the bottom of this post.

Notes…

TIP: Use the AMAYA Editor to write your XHTML code, and when learning create a test document in the WYSIWYG editing window, then examine the code to see how this editor (developed by the W3C), writes clean XHTML code.

• First, I wish to thank the W3C.org, W3Schools.com, WestCiv.com, and WikiPedia.org for their fine reference articles on this subject.
• Browser Acceptance: Internet Explorerer lags, as usual. Even IE7 fails on some CSS standards and so it is listed in Red on the chart (see WestCiv.com Browser Support Charts)
• XHTML or XML?: There’s a place for both, but for web developers and designers the key for now is to use XHTML.
• Why include only SVG as a capability of XHTML?: In the interests simplicity, a number of things have been left off including the ability to code for MathML, GraphML, and MusicXML.
• The arrows in the DTD listings at bottom of chart indicate code that should be unbroken and all on one line.