1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>SELFHTML: HTML/XHTML / XHTML und HTML / Modularisierung von XHTML und XHTML 1.1</title>
<link rel="stylesheet" type="text/css" href="../../src/selfhtml.css">
<meta name="description" content="Was sich hinter dem Schlagwort "Modularisierung" von XHTML und auch von HTML verbirgt.">
<meta name="keywords" content="SELFHTML, HTML, XHTML, Modularisierung">
<meta name="author" content="Stefan Münz, selfhtml@teamone.de">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="DC.Publisher" content="selfhtml@teamone.de">
<meta name="DC.Date" content="2001-10-27T08:00+01:00">
<meta name="DC.Identifier" content="http://selfhtml.teamone.de/html/xhtml/modularisierung.htm">
<meta name="DC.Language" content="de">
<meta name="DC.Rights" content="../../editorial/copyright.htm">
<meta name="DC.Date.Create" content="2001-10-27T08:00+01:00">
<meta name="SELF.Version" content="1">
<meta name="SELF.Pagetype" content="Information">
<meta name="SELF.Path" content="SELFHTML == ../../index.htm // HTML == ../index.htm // XHTML und HTML == index.htm">
<link rel="stylesheet" type="text/css" href="../../src/selfhtml.css">
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#AA5522" vlink="#772200" alink="#000000">
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr><td bgcolor="#FFEEDD" class="nav"><a class="an" name="top"><img src="../../src/refkap.gif" width="16" height="13" border="0" alt="Teil von"></a> <a href="../../index.htm"><b>SELFHTML</b></a>/<a href="../../navigation/index.htm" target="_parent">Navigationshilfen</a> <img src="../../src/refkap.gif" width="16" height="13" border="0" alt="Teil von"> <a href="../index.htm"><b>HTML/XHML</b></a> <img src="../../src/refkap.gif" width="16" height="13" border="0" alt="Teil von"> <a href="index.htm"><b>XHTML und HTML</b></a></td>
</tr></table>
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr>
<td bgcolor="#EEEEEE" class="doc" width="110"><img src="../../src/logo.gif" width="106" height="109" border="0" alt="SELFHTML"></td>
<td bgcolor="#EEEEEE" class="doc" valign="bottom" width="100%"><h2>Modularisierung von XHTML und XHTML 1.1</h2></td>
</tr>
<tr>
<td bgcolor="#EEEEEE" class="doc" valign="top" align="center">
<img src="../../src/dokx.gif" width="30" height="20" vspace="6" border="0" alt="Informationsseite">
</td>
<td bgcolor="#FFFFFF" valign="top" nowrap>
<p>
<img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"> <a href="#allgemeines"><b>Allgemeines zur Modularisierung von XHTML</b></a><br>
<img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"> <a href="#xhtml_11_module"><b>Die Module von XHTML 1.1</b></a><br>
</p>
</td>
</tr>
<tr><td colspan="2" bgcolor="#EEEEEE" class="doc"> <a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a> </td></tr>
</table>
<h2 class="Sh2"><a class="an" name="allgemeines">Allgemeines zur Modularisierung von XHTML</a></h2>
<p>HTML 4.0 und XHTML 1.0 sind - auch wenn sie von unwissenden Schwätzern gerne wegen ihrer Schlichtheit belächelt werden - eigentlich sehr umfangreiche Sprachen mit einem nicht ganz einfachen Regelwerk aus über 80 Elementen, ihren möglichen Attributen, Verschachtelungsregeln, und einer ganzen Reihe benannter Zeichen. Beide Sprachen bieten damit ein brauchbares Arsenal für Hypertext-Dokumente an. Egal ob einfache Portrait-Homepages oder wissenschaftliche Abhandlungen - der Strukturvorrat von HTML/XHTML ist durchaus reichhaltig und für die meisten Zwecke ausreichend. Allerdings nicht für alle Zwecke.</p>
<p>Der Umfang beider Sprachen und ihre nicht ganz trivialen Regeln stellen andererseits hohe Anforderungen an die auslesende Software und deren Darstellungsfähigkeiten. Von einem modernen Web-Browser, der auf einem modernen PC läuft, kann man diese Fähigkeiten verlangen. Aber von Software, die beispielsweise in einem Handy, einem Pocket-Computer oder einem simplen Sprachwiedergabegerät läuft, kann man nicht unbedingt die gleichen Fähigkeiten erwarten.</p>
<p>HTML/XHTML decken also einerseits trotz ihres beträchtlichen Sprachumfangs nicht alle denkbaren Wünsche ab, und andererseits sind sie für manche Zwecke schlichtweg überdimensioniert. Aus diesem Grund gehen die Überlegungen des W3-Konsortiums in die Richtung, zumindest bei XHTML zu ermöglichen, dass sowohl abgespecktere als auch erweiterte Sprachvarianten davon möglich sind. Handy-Software könnte dann beispielsweise eine abgespecktere Sprachvariante interpretieren, während ein Mathematiker, der seine Arbeit publizieren möchte, XHTML um Elemente aus einer speziellen Auszeichnungssprache für mathematische Formeln erweitern kann.</p>
<p>Das Konzept zum Abspecken und Erweitern von XHTML wird als <b>Modularisierung</b> bezeichnet. dass es nur bei XHTML und nicht bei HTML angewendet werden soll, liegt daran, dass für die Modularisierung XML-typische Techniken angewendet werden sollen. Die Modularisierung stellt nämlich bestimmte formale Regeln zur Verfügung, die abgespeckte oder erweiterte Varianten von XHTML einhalten müssen.</p>
<p>Das W3-Konsortium bietet Beschreibungen an, wie Sie zum Erstellen regelkonformer eigener Module vorgehen müssen. Über die <img src="../../src/en.gif" width="16" height="10" border="0" alt="englischsprachige Seite"> <a target="_top" href="http://www.w3.org/MarkUp/"><b>W3-Einstiegsseite zu HTML/XHTML</b></a> können Sie entsprechende aktuelle Beschreibungen aufrufen. Um die Beschreibungen zu verstehen, benötigen Sie allerdings gute Kenntnisse im Erstellen eigener DTDs. Im vorliegenden Dokument werden im XML-Unterkapitel <img src="../../src/kap.gif" width="15" height="13" border="0" alt="Kapitel"> <a href="../../xml/dtd/index.htm"><b>Dokumenttyp-Definitionen (DTDs)</b></a> die nötigen Grundlagen dazu beschrieben.</p>
<p>Neben der Möglichkeit, XHTML für eigene Zwecke zu modularisieren, macht das W3-Konsortium aber auch selber von dieser Möglichkeit Gebrauch. Dazu hat man zunächst die normativen Grundlagen zur Modularisierung geschaffen. Das entsprechende Dokument mit dem Titel <img src="../../src/en.gif" width="16" height="10" border="0" alt="englischsprachige Seite"> <a target="_top" href="http://www.w3.org/TR/xhtml-modularization"><b>Modularization of XHTML</b></a> liegt als Empfehlung (<i>Recommendation</i>) des W3-Konsortiums vor. Ausgehend davon hat man <b>XHTML 1.1</b> als modul-basiertes Sprachensystem entworfen. Auch XHTML 1.1 liegt als Empfehlung des W3-Konsortiums vor, unter dem Titel <img src="../../src/en.gif" width="16" height="10" border="0" alt="englischsprachige Seite"> <a target="_top" href="http://www.w3.org/TR/xhtml11"><b>XHTML 1.1 - Module-based XHTML</b></a>. XHTML 1.1 trennt sich endgültig von den in XHTML 1.0 und HTML 4.0 als <i>deprecated</i> (missbilligt) eingestuften Elementen und Attributen. Es entspricht nur noch der Sprachvariante "Strict". Damit fallen zugleich auch die Frames wieder aus dem Konzept.</p>
<p>Inwieweit sich das Konzept der Modularisierung durchsetzen wird, bleibt abzuwarten. Denn wer sich mit dem Design eigener Auszeichnungssprachen befasst, kann schließlich auch direkt die Möglichkeiten von XML nutzen, um entsprechende Sprachen zu entwerfen. Und "einfacher" als XML ist das Konzept der Modularisierung sicher nicht - im Gegenteil: es setzt im Grunde die Beherrschung von XML voraus und reizt dessen Möglichkeiten aus.</p>
<table bgcolor="#EEEEEE" class="doc" width="100%"><tr><td>
 <a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a>
</td></tr></table>
<h2 class="Sh2"><a class="an" name="xhtml_11_module">Die Module von XHTML 1.1</a></h2>
<p>Die folgende Tabelle listet die Module auf, aus denen XHTML 1.1 besteht. Für die Praxis als XHTML-Anwender hat diese Modularisierung keinen Einfluss. Sie können Ihre XHTML-Dokumente schreiben wie gewohnt - mit der Einschränkung, dass Sie nichts mehr verwenden dürfen, was noch aus den <img src="../../src/dok.gif" width="15" height="10" border="0" alt="Seite"> <a href="../referenz/varianten.htm"><b>HTML-Varianten</b></a> "Transitional" und "Frameset" stammt.</p>
<table cellpadding="0" cellspacing="0" border="0"
bgcolor="#C0C0C0"><tr><td>
<table cellpadding="3" cellspacing="1" border="0"
>
<tr>
<th bgcolor="#EEEEEE" class="doc" align="left">Name des Moduls</th>
<th bgcolor="#EEEEEE" class="doc" align="left">Elemente</th>
<th bgcolor="#EEEEEE" class="doc" align="left">Erläuterung</th>
</tr>
<tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top" nowrap><var>Structure</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>body head html title</code></td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für die Elemente, die das Grundgerüst eines XHTML-Dokuments bilden.</td>
</tr><tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top" nowrap><var>Text</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>abbr acronym address blockquote br cite code dfn div em h1 h2 h3 h4 h5 h6 kbd p pre q samp span strong var</code></td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für alle Block- und Inline-Elemente, die Text enthalten können und logische Auszeichnungen darstellen, also keinen Hinweis auf ihre visuelle Darstellung enthalten.</td>
</tr><tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top" nowrap><var>Hypertext</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>a</code></td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für Anker und Verweise innerhalb des Dokuments.</td>
</tr><tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top" nowrap><var>List</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>dl dt dd ol ul li</code></td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für nummerierste Listen, Aufzählungslisten und Definitionslisten (Glossarlisten).</td>
</tr><tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top" nowrap><var>Object</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>object param</code></td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für Multimedia-Referenzen.</td>
</tr><tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top" nowrap><var>Presentation</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>b big hr i small sub sup tt</code></td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für Elemente, die Text enthalten können und physische Auszeichnungen darstellen, also einen Hinweis auf ihre visuelle Darstellung enthalten.</td>
</tr><tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top" nowrap><var>Edit</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>del ins</code></td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für Änderungsmarkierungen im Text.</td>
</tr><tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top nowrap"><var>Bidirectional Text</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>bdo</code></td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für mehrsprachige Dokumente, die Text in Sprachen mit unterschiedlicher Schreibrichtung enthalten.</td>
</tr><tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top" nowrap><var>Forms</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>button fieldset form input label legend select optgroup option textarea</code></td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für Formulare und Formularelemente.</td>
</tr><tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top" nowrap><var>Table</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>caption col colgroup table tbody td tfoot th thead tr</code></td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für Tabellen und Tabellenelemente.</td>
</tr><tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top" nowrap><var>Image</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>img</code></td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für Grafikreferenzen.</td>
</tr><tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top" nowrap><var>Client-side Image Map</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>area map</code></td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für Grafiken mit verweis-sensitiven Flächen, vom Browser allein darzustellen.</td>
</tr><tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top" nowrap><var>Server-side Image Map</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>ismap</code> (bei <code>img</code>)</td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für Grafiken mit verweis-sensitiven Flächen, vom Browser in Kommunikation mit dem Web-Server darzustellen.</td>
</tr><tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top" nowrap><var>Intrinsic Events</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>on*</code> (Event-Handler-Attribute)</td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für alle Event-Handler, die als Attribut in Elementen notiert werden können und eine Schnittstelle für Script-Sprachen bilden.</td>
</tr><tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top" nowrap><var>Metainformation</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>meta</code></td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für Meta-Daten für Suchmaschinen und Browser.</td>
</tr><tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top" nowrap><var>Scripting</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>noscript script</code></td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für Script-Bereiche und Bereiche für Browser, die keine Scripts ausführen können.</td>
</tr><tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top" nowrap><var>Stylesheet</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>style</code> (Element)</td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für Bereiche, in denen zentrale Stylesheet-Formate definiert werden.</td>
</tr><tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top" nowrap><var>Style Attribute</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>style</code> (Attribut)</td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für das <code>style</code>-Attribut.</td>
</tr><tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top" nowrap><var>Link</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>link</code></td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für logische Beziehungen zu anderen Dateien.</td>
</tr><tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top" nowrap><var>Base</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>base</code></td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für Adressbasis und Zielfensterbasis.</td>
</tr><tr>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top" nowrap><var>Ruby Annotation</var></td>
<td class="code" bgcolor="#FFFFE0" valign="top"><code>ruby rbc rtc rb rt rp</code></td>
<td class="tabxpl" bgcolor="#E4EEFF" valign="top">Modul für Ruby-Text. Die entsprechenden Elemente sind neu. Ruby-Text ist eine Textform, die in fernöstlichen Sprachen verwendet wird, um Silben- oder Wortzeichen mit zusätzlichen Bedeutungshinweisen zu versehen.</td>
</tr>
</table>
</td></tr></table><br>
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr><td colspan="2" bgcolor="#EEEEEE" class="doc">
 <a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a>
</td></tr>
<tr><td bgcolor="#EEEEEE" class="doc" align="right"><a href="../referenz/elemente.htm"><img src="../../src/next.gif" width="10" height="10" border="0" hspace="10" alt="weiter"></a></td>
<td bgcolor="#FFFFFF"><img src="../../src/dok.gif" width="15" height="10" border="0" alt="Seite"> <a href="../referenz/elemente.htm"><b>HTML-Elementreferenz</b></a>
</td></tr>
<tr>
<td bgcolor="#EEEEEE" class="doc" align="right"><a href="unterschiede.htm"><img src="../../src/prev.gif" width="10" height="10" border="0" hspace="10" alt="zurück"></a></td>
<td bgcolor="#FFFFFF" width="100%"><img src="../../src/dok.gif" width="15" height="10" border="0" alt="Seite"> <a href="unterschiede.htm"><b>Unterschiede zwischen XHTML und HTML</b></a>
</td>
</tr>
<tr><td colspan="2" bgcolor="#EEEEEE" class="doc"> </td></tr>
</table>
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr><td bgcolor="#FFEEDD" class="nav"><a class="an" name="bottom"><img src="../../src/refkap.gif" width="16" height="13" border="0" alt="Teil von"></a> <a href="../../index.htm"><b>SELFHTML</b></a>/<a href="../../navigation/index.htm" target="_parent">Navigationshilfen</a> <img src="../../src/refkap.gif" width="16" height="13" border="0" alt="Teil von"> <a href="../index.htm"><b>HTML/XHML</b></a> <img src="../../src/refkap.gif" width="16" height="13" border="0" alt="Teil von"> <a href="index.htm"><b>XHTML und HTML</b></a></td>
</tr></table>
<p>© 2001 <img src="../../src/mail.gif" width="15" height="10" border="0" alt="E-Mail"> <a href="mailto:selfhtml@teamone.de">selfhtml@teamone.de</a></p>
</body>
</html>
|
