Empfehlungen für den Webbereich

Markup

7.1. Erstellen Sie Dokumente, welche den formalen Grammatiken der Programmiersprache entsprechen.

7.1.1 Verwenden Sie eine Dokumententype-Deklaration am Anfang Ihres Dokuments.
7.1.2 Verwenden Sie ausschließlich W3C-konforme TAGS (HTML-TAGs, XHTML-TAGs, etc.)
7.1.3 Zeichnen Sie alle Teile Ihrer Web-Dokumente mit entsprechenden TAGS aus.

<head>, <body>, <h1>, <p>, …

7.1.4 Verwenden Sie Überschriften-Elemente (h1, h2,…), um die Struktur eines Dokuments darzustellen.
7.1.5 Verwenden Sie Markup für Listen und Listenelemente (OL-, UL- und DL-Listen).

<ol> steht für sortierte Listen (ol = odered list). <li> wird in Nummerierungen umbewandelt:

<h1>Sortierte Liste</h1>
<ol>
  <li>auwachen</li>
  <li>aufstehen</li>
  <li>waschen</li>
  <li>anziehen</li>
  <li>frühstücken</li>
  <li>Zähneputzen</li>
  <li>frisieren</li>
</ol>

<ul> leitet unsortierte Listen (ul = unordered list) ein. Mit <li> beginnt ein neuer Punkt innerhalb der Liste (li = list item).
Listen können auch verschachtelt werden.

<h1>Unsortierte Liste</h1>
<ul>
  <li>Großkatzen
    <ul>
      <li>Löwe</li>
      <li>Tiger</li>
      <li>Leopard</li>
    </ul>
  </li>
  <li>Paarhufer
    <ul>
      <li>Schweineartige</li>
      <li>Schwielensohler</li>
      <li>Wiederkäuer</li>
    </ul>
  </li>
</ul>
</body>
 

Definitionslisten <dl> sind für glossare gedacht.
<dl> leitet eine Definitionsliste ein (dl = definition list)
<dt> leitet einen zu definierenden Ausdruck ein (dt = definition (list) item)
<dd> leitet eine Definition eines Ausdrucks ein (dd = definition (list) definition)

<h1>Abkürzungen</h1>
<dl>
  <dt>g</dt>
  <dd>grin</dd>
  <dt>fg</dt>
  <dd>fed grin</dd>
  <dt>eg</dt>
  <dd>evil grin</dd>
</dl>

7.1.6 Wenn eine angemessene Markup-Sprache existiert, verwenden Sie Markup anstelle von Bildern, um Informationen darzustellen (z.B. MathML).
7.1.7 Verwenden Sie Markup für Zitate (in HTML Q und BLOCKQUOTE, um kürzere und längere Zitate zu kennzeichnen).

<body>
<h1>Ernest Hemingway</h1>
<p>Hemingway war nicht nur Schriftsteller, 
sondern auch Reporter und Kriegsberichterstatter.</p>
<blockquote>
  <p>As you get older it is harder to have 
heroes, but it is sort of necessary. </p>
</blockquote>
</body>
Nach oben scrollen