einsiedler: korrektes (semantisches) verschachteln von dl - dt - dd Definitionslisten

Beitrag lesen

Hallo liebe Forumer, es geht mir heute um das korrekte (semantische) verschachteln von

dl - dt - dd Definitionslisten.

Leider benötige ich dies aktuell und es ist derzeit noch fehlerhaft

dl - dt - dd Definitionslisten Demo-Seite

FALSCH ist es wohl auf jeden Fall so:

<dl>
	<dt>Verant&shy;wortlich für diese Seite ist:</dt>
	<dd>
		<dl class="txtform_adress">
			<dt>ich bins</dt>
			<dd>demo-str.123</dd>
			<dd>48155 Münster</dd>
			<dd>Deutschland</dd>
			<dd>Tel.:  +49(0)123456789</dd>							
		</dl>
		<dl class="texform_mail">
			<dt>E-Mail</dt>
			<dd>demo<span>[punkt]</span>email<span>[ät]</span>demosite<span>[punkt]</span>de</dd>
			<dd>kontakt<span>[unterstrich]</span>ich<span>[ät]</span>meineseite<span>[punkt]</span>de</dd>
		</dl>
	</dd>
</dl>

Also das dort oben wäre FALSCH, das weiß ich nun.

Wie würde es richtig gehen?

In etwas so (2te Versuch - eventuell auch FALSCH!)

<dl>
	<dt>Verant&shy;wortlich für diese Seite ist:</dt>
	<dd>
		<dl class="txtform_adress">
			<dt>ich bins</dt>
			<dd>demo-str.123</dd>
			<dd>48155 Münster</dd>
			<dd>Deutschland</dd>
			<dd>Tel.:  +49(0)123456789</dd>							
		</dl>
  </dd>
  <dd>
		<dl class="texform_mail">
			<dt>E-Mail</dt>
			<dd>demo<span>[punkt]</span>email<span>[ät]</span>demosite<span>[punkt]</span>de</dd>
			<dd>kontakt<span>[unterstrich]</span>ich<span>[ät]</span>meineseite<span>[punkt]</span>de</dd>
		</dl>
	</dd>
</dl>

Ich möchte den jeweiligen beiden Abschnitten eine individuelle Farbe, Rahmung und bestimmte Abstände vergeben. Sowie den spans innerhalb der Klasse textform_mail eine andere Farbe, Größe und rechts und links bestimmte Abstände.

Wie macht man dies richtig (mit der Struktur)?

Wenn man mal weiterschaut (siehe den Link zur Seite! und weiter runter scrollen) wird es bei den Nutzungsbedingen und den Datenschutzrichtlinien (unten) noch ein wenig kniffeliger mit der Strukturierung der dl - dt und dd`s.

Also, wie macht man es richtig das mit dem verschachteln der dl - dt und dd`s.

LG der einsiedler