ABAKUS

Verfasst: **11.12.2013, 01:20**

Dürfen Hx und p Tags innerhalb einer Liste in den li tags HTML konform verwendet werden?

<h2>Features</h2>
<ul>
<li>
<h3>Feature1</h3>
<p>Feature1 beschreibung in 2-4 Sätzen</p>
</li>
<li>
<h3>Feature2</h3>
<p>Feature2 beschreibung in 2-4 Sätzen</p>
</li>
&#91;...&#93;
</ul>

Ich möchte eine "Features" liste erstellen die Pro Feature 2-4 erläuterungssätze beinhalet. Um den Augen bessere Fixpunkte und eine bessere Übersicht zu geben hab ich an die verwendung von H Überschriften und Paragraphen innerhalb der Listenelemente gedacht, bin mir aber nicht sicher ob es sintax konform ist.. Wobei esso bei vielen WP Themes für die archive verwendet wird.

Verfasst: **11.12.2013, 17:34**

ja müsste, LI kann sowohl inline als auch block Elemente umschließen.

Wenn du es 100 % korrekt machen willst, in Hinsicht auf 'crawlbarkeit' gibts verschiedene Listentypen ggf ist da ja was dabei was besser passt.

Verfasst: **11.12.2013, 18:30**

Eine Definitionsliste würde passen, ansonsten geht das geplante ja auch komplett ohne Listenelemente.

Wenn das für Archive verwendet wird, dann wahrscheinlich zur Vereinfachung der Gestaltung. Wenn du z.B. Die Überschrift und den Text um den gleichen Wert einrücken willst, kannst du das für die ul definieren (ul class="features") oder auch für die einzelnen Elemente (p class="features", h3 class="features"). Falls du das aber nicht willst, kannst du dir die Liste auch komplett sparen, jedenfalls meiner Meinung nach

Verfasst: **11.12.2013, 20:19**

Wenn es unbedingt eine Liste sein soll würde auch eher eine Descriptionlist nehmen: "<dl>"

Verfasst: **15.12.2013, 23:42**

mobe hat geschrieben: Ich möchte eine "Features" liste erstellen die Pro Feature 2-4 erläuterungssätze beinhalet. Um den Augen bessere Fixpunkte und eine bessere Übersicht zu geben hab ich an die verwendung von H Überschriften und Paragraphen innerhalb der Listenelemente gedacht, bin mir aber nicht sicher ob es sintax konform ist.. Wobei esso bei vielen WP Themes für die archive verwendet wird.

was du sucht ist <dl> (definition list). Praktisch eine liste mit mehreren ueberschriften und beschreibungen:

https://developer.mozilla.org/en-US/doc ... Element/dl

Code: Alles auswählen

<dl>
  <dt>Feature1</dt>
  <dd>Feature1 beschreibung in 2-4 Sätzen.</dd>

  <dt>Feature2</dt>
  <dd>Feature2 beschreibung in 2-4 Sätzen.</dd>
&#91;...&#93;
</dl>

ABAKUS

Hx und p Tags innerhalb von li Element

Hx und p Tags innerhalb von li Element

Re: Hx und p Tags innerhalb von li Element