Aufbau einer generierten (X)HTML-Datei

(Auszug aus "DocBook-XML: Medienneutrales und plattformunabhängiges Publizieren" von Thomas Schraitle)

Wird über die DocBook-Stylesheets eine (X)HTML-Datei erstellt, weist sie einige charakteristische Eigenschaften auf, mit deren Hilfe CSS erst ermöglicht wird:

  • DocBook-Block-Elemente werden in ein div-HTML-Element transformiert, das in einem zusätzlichen Attribut class den Namen des DocBook-Block-Elements enthält:
<div class="chapter" LANG="de">

In diesem Fall umschließt das div ein chapter-Element des Ursprungsdokuments.

  • Für eine (X)HTML-Datei, die nicht in Teildateien zerlegt wurde, lauten Reihenfolge und Hierarchie der div-Elemente:
<div class="book" LANG="de"> 
    <div class="titlepage"> ... </div> 
    <div class="toc"> ... </div> 
    <div class="chapter" LANG="de"> ... </div> 
    ... 
</div>

Hier handelte es sich ursprünglich um ein deutschsprachiges Buch (erkennbar an den Attributen in der ersten Zeile). Alle weiteren div-Elemente sind Kindelemente von div class="book". Entsprechend verhält es sich bei anderen Strukturelementen. Wurden Parameter der XSLT-Stylesheets verändert, können manche der div-Elemente verschwinden oder andere hinzukommen.

  • In einer Teildatei ist das Chunk-Element von navheader und navfooter umgeben:
<div class="navheader">...</div> 
<div class="Chunkelement">...</div> 
<div class="navfooter">...</div>
  • DocBook-Inline-Elemente sind meistens in span eingebettet. Das Attribut class kennzeichnet das DocBook-Element, hier am Beispiel von acronym:
<span class="acronym">DTD</span>

Normalerweise reicht ein Editor Ihrer Wahl, um den strukturellen Aufbau anzuzeigen. Jedoch gibt es für verschiedene Browser Hilfsmittel, die diese Aufgabe vereinfachen:

Firefox

Für Firefox gibt es den DOM Inspector. Um den DOM Inspector aufzurufen, wählen Sie den Menüeintrag Extras > DOM Inspector aus. Wenn Sie ein Element im DOM Inspector selektieren, blinkt die zugehörige Struktur im Browser.

Konqueror

Rufen Sie im Menü Einstellungen > Erweiterungen einrichten... den Einrichten-Dialog auf. Unter Werkzeuge aktivieren Sie DOM-Baumansicht. Im Menü Extras > DOM-Baum anzeigen rufen Sie die Dialogbox auf.

Opera

Für Opera gibt es DragonFly, ein Entwicklerwerkzeug, das bereits mit dem Browser mitgeliefert wird. DragonFly zeigt nicht nur die Struktur an, sondern untersucht JavaScript, CSS und weitere Eigenschaften Ihrer (X)HTML-Datei. Rufen Sie das Menü Extra > Weiteres > Entwicklerwerkzeuge auf (Tools > Advanced > Developer Tools im Englischen).

  

<< zurück vor >>
Tipp der data2type-Redaktion:
Zum Thema DocBook bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © 2009 Millin Verlag
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "DocBook-XML: Medienneutrales und plattformunabhängiges Publizieren" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

Millin Verlag, Siebengebirgsring 36, 53797 Lohmar, info(at)millin.de