Semantic XHTML: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
mNo edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
== Definition ==
== Definition ==


* {{quotation | XHTML is built on XML, and thus XHTML-based formats can be used not only for convenient display presentation, but also for general-purpose data exchange. In many ways, XHTML-based formats exemplify the best of both HTML and XML worlds. However, when building XHTML-based formats, it helps to have a guiding set of principles.}} ([http://microformats.org/wiki/SemanticXHTMLDesignPrinciples Semantic XHTML Design Principles], retrieved 15:38, 12 April 2007 (MEST))
* {{quotation | XHTML is built on XML, and thus XHTML-based formats can be used not only for convenient display presentation, but also for general-purpose data exchange. In many ways, XHTML-based formats exemplify the best of both HTML and XML worlds. However, when building XHTML-based formats, it helps to have a guiding set of principles.}} ([http://microformats.org/wiki/SemanticXHTMLDesignPrinciples Semantic XHTML Design Principles], retrieved 15:46, 12 April 2007 (MEST))


See also: [[Microformat]]s (for a global perspective) and [[semantic web]] for an opposite, more heavy approach.
See also: [[Microformat]]s (for a global perspective) and [[semantic web]] for an opposite, more heavy approach.
Line 17: Line 17:


=== Simple example ===
=== Simple example ===
Source: [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html Real world semantics], retrieved 15:38, 12 April 2007 (MEST).
Source: [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html Real world semantics], retrieved 15:46, 12 April 2007 (MEST).


<table border="1">
<table border="1">
<tr><th>presentational</th> <th>semantic</th></tr>
<tr><th>presentational</th> <th>semantic</th></tr>
<tr><td><pre><code class="bad">&lt;br&gt;</code></pre></td> <td><pre><code>&lt;p&gt;</code></pre></td></tr>
<tr><td>&lt;br&gt;</td> <td>&lt;p&gt;</td></tr>
<tr><td><pre><code class="bad">&lt;font&gt;</code></pre></td> <td><pre><code>&lt;h1&gt;,&lt;h2&gt;,&lt;h3&gt;</code></pre></td></tr>
<tr><td>&lt;font&gt;</td> <td>&lt;h1&gt;,&lt;h2&gt;,&lt;h3&gt;</td></tr>
<tr><td><pre><code class="bad">&lt;i&gt;,&lt;b&gt;</code></pre></td> <td><pre><code>&lt;em&gt;,&lt;strong&gt;</code></pre></td></tr>
<tr><td>&lt;i&gt;,&lt;b&gt;</td> <td>&lt;em&gt;,&lt;strong&gt;</td></tr>
</table>
</table>


== Links ==


== Links ==
; Web sites


* [http://microformats.org/wiki/microformats Microformats Wiki] (best resource)
* [http://microformats.org/wiki/microformats Microformats Wiki] (best resource)
* [http://microformats.org/ Microformats] blog
; Talks and web pages
* [http://microformats.org/about/ About microformats]


* [http://www.whump.com/moreLikeThis/link/04069 Lossless XHTML] (blog entry by Bill Humphries)
* [http://www.whump.com/moreLikeThis/link/04069 Lossless XHTML] (blog entry by Bill Humphries)
Line 38: Line 45:




[[Category: Technologies]]
 
[[Category: Standards]]
[[Category: Standards]]
[[Category: XML]]
[[Category: XML]]

Latest revision as of 19:00, 8 July 2009

Definition

  • “XHTML is built on XML, and thus XHTML-based formats can be used not only for convenient display presentation, but also for general-purpose data exchange. In many ways, XHTML-based formats exemplify the best of both HTML and XML worlds. However, when building XHTML-based formats, it helps to have a guiding set of principles.” (Semantic XHTML Design Principles, retrieved 15:46, 12 April 2007 (MEST))

See also: Microformats (for a global perspective) and semantic web for an opposite, more heavy approach.

Design Principles

According to Semantic XHTML Design Principles, the design principles (reproduced in simplified form here) are:

  1. Reuse schema (names, objects, properties, values, types, hierarchies, constraints) as much as possiblefrom pre-existing, established, well-supported standards by reference. (and don't restate constraints expressed in the source standard, informative mentions are ok).
  2. Use the most accurately precise semantic XHTML building block for each object. E.g. use the "address" tag for a contact information, "h2" for a section title.
  3. Otherwise use a generic structural element (e.g. span or div), or the appropriate contextual element (e.g. an li inside a ul or ol).
  4. Base class names on the original schema.

Microformats use semantic XHTML, but not all uses of semantic XHTML are microformats.

Simple example

Source: Real world semantics, retrieved 15:46, 12 April 2007 (MEST).

presentational semantic
<br> <p>
<font> <h1>,<h2>,<h3>
<i>,<b> <em>,<strong>

Links

Web sites
Talks and web pages
Retrieved from "https://edutechwiki.unige.ch/mediawiki/index.php?title=Semantic_XHTML&oldid=21608"