Unterschiede

Hier werden die Unterschiede zwischen der gewählten und der aktuellen Version gezeigt.

--- start:info:08_diff:xhtml:dokument 16.12.2008 19:53
+++ start:info:08_diff:xhtml:dokument 23.10.2013 10:12 aktuell
@@ Zeile 3: / Zeile 3: @@
 {{ :start:info:09:html:nvu.gif?500 |zum Vergrößern klicken}}\\
-Dies ist eine Abbildung der Oberfläche des Open-Source HTML-Editors [[http://www.nvu-composer.de/|"Nvu"]]. Zu sehen ist eine HTML-Seite mit 2 Zeilen Inhalt… Wie das? Es stehen doch schon 14 Zeilen Code in der Datei?\\
+Dies ist eine Abbildung der Oberfläche des Open-Source HTML-Editors [[http://www.nvu-composer.de/|"Nvu"]]. Zu sehen ist eine HTML-Seite mit 2 Zeilen Inhalt… Wie das? Es stehen doch schon 14 Zeilen Code in der Datei?
 Wir wollen uns zunächst das Grundgerüst dieser Datei ansehen. Versuche dazu die nummerierten Elemente zu interpretieren.
 Als Hilfe kannst du dir die beiden folgenden Links :
@@ Zeile 11: / Zeile 12: @@
 [[http://de.selfhtml.org/html/allgemein/grundgeruest.htm#xhtml| Grundgerüst eines XHTML-Dokuments]]
+Zum Ausprobieren und Lernen eignet sich allerdings ein Web-Editor besonders gut: [[http://htmlplayground.com|htmlPlayground]]...
 ====== Doctype-Varianten ======
 Webseiten sollten/müssen eine gültige DOCTYPE-Definition (DTD) am Anfang des (X)HTML-Documents haben, nicht nur um die richtige Definition und die damit verbundenen Konstrukte benutzen zu können, sondern um auch die Standardkonforme Rendering-Modus in den unterschiedlichen Browsern (Internet Explorer 6, Mozilla/Firefox, Opera,...) zu aktivieren. Wenn hier ein Fehler vorliegt oder die Definition einfach nur unvollständig ist (z.B. der URL-Part fehlt), dann wird der Standard-Modus nicht aktiviert, sondern anstelle dessen der //Legacy Quirks Mode//.
+Was heißt das? Im Prinzip ist das nichts anderes, als dass man mitteilt, in welchen Dialekt man spricht, damit mein Gesprächspartner mich versteht. In diesem simplen Beispiel entspricht somit...
+  * ...die Mitteilung, welches Dialekt man spricht, der DOCTYPE-Definition
+  * ...der Standardkonforme Rendering-Modus dem "Übersetzen" und
+  * ...der Legacy Quirks Mode einer eigenwilligen (aber allgemeinen) Übersetzung, die leider nicht immer so interpretiert, wie man es haben möchte - vor allem Browserübergreifend sieht die ein und dieselbe Seite recht unterschiedlich aus.
 Die //Transitional DOCTYPE-Definition// beinhaltet veraltete (und abgeschaffte) Tags wie ''font'' und ''center'', während Frameset DTDs für Seiten, die Frames haben, benutzt werden sollten (d.h. die Seiten, die den ''frameset''- und den ''frame''-Tag beinhalten). Unten siehst du die möglichen Definitionen für HTML 4.01 und XHTML 1.0. Diese müssen am Anfang der (X)HTML-Datei platziert werden.
@@ Zeile 38: / Zeile 46: @@
   * Transitional((Transitional und Frameset DTDs schalten im Firefox & Mozilla Browser einen dritten Rendering-Modus ein, den sogenannten [[http://developer.mozilla.org/en/docs/Gecko%27s_Almost_Standards_Mode|"fast Standard"-Modus]].)):\\
     %%<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">%%
+(Der Transitional-Modus ist der, den wir zunächst benutzen werden.)
   * Frameset((Transitional und Frameset DTDs schalten im Firefox & Mozilla Browser einen dritten Rendering-Modus ein, den sogenannten [[http://developer.mozilla.org/en/docs/Gecko%27s_Almost_Standards_Mode|"fast Standard"-Modus]].)):\\
     %%<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">%%
+====== Grundgerüst zum Kopieren ======
+<code xml>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="de-de">
+  <head>
+    <title>Grundger&uuml;st</title>
+    <meta name="author" content="E. Alkan" />
+    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
+  </head>
+  <body>
+    <!-- Hier kommt euer Inhalt hin -->
+  </body>
+</html>
+</code>