DIV Listenelemente, die häufig im CSS-Webseitenlayout verwendet werden, ul ol li dl dt dd Definition

DIV Listenelemente, die häufig im CSS-Webseitenlayout verwendet werden, ul ol li dl dt dd Erklärung, Elemente auf Blockebene div sollten so wenig wie möglich verwendet werden. Wie bei einer Tabelle gilt: Je weniger verschachtelt, desto besser

Alte geordnete Liste.

<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
Dargestellt als:

1…
2…
3…
ul ungeordnete Liste, angezeigt als li, wird durch einen großen Punkt anstelle von 123 vorangestellt

<ul>
<li>……</li>
<li>……</li>
</ul>
Viele Leute neigen dazu, die Verwendung von dl dt dd zu ignorieren

dl-Inhaltsblock
dt der Titel des Inhaltsblocks
Der Inhalt von dd kann folgendermaßen geschrieben werden:

<dl>
<dt>Titel</dt>
<dd>Inhalt 1</dd>
<dd>Inhalt 2</dd>
</dl>

Sie können ol ul li und p zu dt und dd hinzufügen
Nachdem Sie diese verstanden haben, wird es viel bequemer sein, das div-Layout zu verwenden. W3C bietet viele Elemente zur Unterstützung des Layouts.

Es wird empfohlen, height (height) und line-height (line-height) nicht für die Einstellungen von dl, dt und dd zu verwenden. Aufgrund der Tatsache, dass IE und FF adaptiv sind, wird dies empfohlen Verwenden Sie die Padding-Attribute von dt und dd zur Positionierung!