Headings

From Wikipedia

heading behavior when using wiki mark-up
= Heading level 1 =
Paragraph 1.

== Heading level 2 ==
Paragraph 2.

=== Heading level 3 ===
Paragraph 3.

==== Heading level 4 ====
Paragraph 4.

===== Heading level 5 =====
Paragraph 5.

====== Heading level 6 ======
Paragraph 6.

Heading level 1[edit]

Paragraph 1.

Heading level 2[edit]

Paragraph 2.

Heading level 3[edit]

Paragraph 3.

Heading level 4[edit]

Paragraph 4.

Heading level 5[edit]

Paragraph 5.

Heading level 6[edit]

Paragraph 6.

<h1>
<!--    Class & Id for anchor link used by ToC   -->
<span class="mw-headline" id="Heading_level_1">Heading level 1</span>
<!--    Edit link allowing sectional editing     -->
<span class="mw-editsection">
<span class="mw-editsection-bracket">[</span><a title="Edit section: Heading level 1" href="/w/index.php?title=Headings&amp;action=edit&amp;section=1">edit</a><span class="mw-editsection-bracket">]</span>
</span>
</h1>
<p>Paragraph 1.</p>
<h2>
<!--    Class & Id for anchor link used by ToC    -->
<span class="mw-headline" id="Heading_level_2">Heading level 2</span>
<!--    Edit link allowing sectional editing      -->
<span class="mw-editsection">
<span class="mw-editsection-bracket">[</span><a title="Edit section: Heading level 2" href="/w/index.php?title=Headings&amp;action=edit&amp;section=2">edit</a><span class="mw-editsection-bracket">]</span>
</span>
</h2>
<p>Paragraph 2.</p>

<!--        snipped            -->


heading behavior when using straight html element tags
<h1>Heading level 1</h1>
Paragraph 1.

<h2>Heading level 2</h2>
Paragraph 2.

<h3>Heading level 3</h3>
Paragraph 3.

<h4>Heading level 4</h4>
Paragraph 4.

<h5>Heading level 5</h5>
Paragraph 5.

<h6>Heading level 6</h6>
Paragraph 6.

Heading level 1

Paragraph 1.

Heading level 2

Paragraph 2.

Heading level 3

Paragraph 3.

Heading level 4

Paragraph 4.

Heading level 5

Paragraph 5.

Heading level 6

Paragraph 6.

<h1>
<!--    Class & Id for anchor link used by ToC   -->
<span class="mw-headline" id="Heading_level_1_2">Heading level 1</span>
<!--    NO Edit links generated when using straight element tags  -->
</h1>
<p>Paragraph 1.</p>
<h2>
<!--    Class & Id for anchor link used by ToC    -->
<span class="mw-headline" id="Heading_level_2_2">Heading level 2</span>
<!--    NO Edit links generated when using straight element tags  -->
</h2>
<p>Paragraph 2.</p>

<!--        snipped            -->


DESIRED heading behavior when using straight html element tags
<h1 class="mw-legacy">Heading level 1</h1>
Paragraph 1.

<h2 class="mw-legacy">Heading level 2</h2>
Paragraph 2.

<h3 class="mw-legacy">Heading level 3</h3>
Paragraph 3.

<h4 class="mw-legacy">Heading level 4</h4>
Paragraph 4.

<h5 class="mw-legacy">Heading level 5</h5>
Paragraph 5.

<h6 class="mw-legacy">Heading level 6</h6>
Paragraph 6.

Heading level 1

Paragraph 1.

Heading level 2

Paragraph 2.

Heading level 3

Paragraph 3.

Heading level 4

Paragraph 4.

Heading level 5

Paragraph 5.

Heading level 6

Paragraph 6.

<h1 class="mw-legacy">Heading level 1</h1>
<p>Paragraph 1.</p>
<h2 class="mw-legacy">Heading level 2</h2>
<p>Paragraph 2.</p>

<!--        snipped            -->


Funny how you can get the DESIRED heading behavior via "transclusion" though
20
<h1>Heading level 1</h1>
Paragraph 1.

<h2>Heading level 2</h2>
Paragraph 2.

<h3>Heading level 3</h3>
Paragraph 3.

<h4>Heading level 4</h4>
Paragraph 4.

<h5>Heading level 5</h5>
Paragraph 5.

<h6>Heading level 6</h6>
Paragraph 6.

Heading level 1

Paragraph 1.

Heading level 2

Paragraph 2.

Heading level 3

Paragraph 3.

Heading level 4

Paragraph 4.

Heading level 5

Paragraph 5.

Heading level 6

Paragraph 6.

<h1>
<!--    Class & Id for anchor link used by ToC   -->
<span class="mw-headline" id="Heading_level_1">Heading level 1</span>
<!--    NO Edit links generated when using straight element tags  -->
</h1>
<p>Paragraph 1.</p>
<h2>
<!--    Class & Id for anchor link used by ToC    -->
<span class="mw-headline" id="Heading_level_2">Heading level 2</span>
<!--    NO Edit links generated when using straight element tags  -->
</h2>
<p>Paragraph 2.</p>

<!--        snipped            -->