HTML/CSS Gliederung Nummerierung

Question

In HTML/CSS kann ich das erreichen?

1. 
1.1 
1.2 
2. 
2.1 
2.2 

mit LI- und UL-Tags?

Answer 1

Ja, siehe: https://developer.mozilla.org/en/CSS_Counters Aber es funktioniert nicht auf allen Browsern/

Answer 2

Es gibt keine Cross-Browser-Art und Weise, es zu tun.

Das Beste, was Sie erreichen können verschachtelt geordnete Listen:

<ol> 
    <li>Item 1 
     <ol> 
      <li>Subitem 1</li> 
     </ol> 
    </li> 
</ol> 

und dann jede verschachtelte Liste Stil eine andere Art zu haben:

ol { 
    list-style-type: upper-roman; 
} 
ol ol { 
    list-style-type: decimal; 
} 

hoffe, das hilft!

Answer 3

Verwenden Sie DL/DT/DD anstelle von OL/UL und codieren Sie die Werte im DT.

Answer 4

CSS 2.1 bietet benutzerdefinierbare Zähler, die zum Zählen von Elementen verwendet werden können. Zusammen mit den Pseudo-Klassen previous und after können Sie den Counter-Wert ausgeben, um automatisch nummerierte Überschriften zu erstellen.

Leider unterstützt der Internet Explorer das zumindest in der neuesten Version nicht. Aber zumindest unterstützt Firefox es sehr gut. Wenn Sie es also nur als Erweiterung hinzufügen möchten, die Ihre Site nicht unbrauchbar macht, wenn sie nicht unterstützt wird, können Sie sie trotzdem verwenden.

Answer 5

Für CSS2-konformen Browser Sie

ul { counter-reset:item; } 
ul > li { counter-increment:item; } 
ul > li:before {content: counter(item); } 

ul > li > ul { counter-reset:subitem; } 
ul > li > ul > li { counter-increment:subitem; } 
ul > li > ul > li:before { content: counter(item) "." counter(subitem); } 

Answer 6

http://www.w3.org/TR/CSS2/generate.html

Aber, ja benutzen können, ist dies für nur modernen Browser. Verschachtelte OLs ist wahrscheinlich der Weg zu gehen.

Answer 7

HTML-Code:

<ul> 
    <li>1 </li>   
    <li>1.1</li>  
    <li>1.2</li>  
    <li>2 </li>     
    <li>2.1</li> 
    <li>2.2</li> 
</ul> 

CSS-Code:

li { list-style:none; } 

Answer 8

Eine Zeile Javascript wird dies tun. Wird in einem Inhaltsverzeichnis:

<td class="session"> 
<script> 
{document.getElementsByClassName("session")[num].innerHTML = "1." + (++num);} 
</script> 
</td> 

num eine globale Variable in dem Dokument auf Null an einer geeigneten Stelle stromaufwärts initialisiert ist. Das obige erzeugt 1,1 bei der ersten Instanz. Wechseln Sie zu Num ++ und 1.0 erhalten.