Den øverste overskrift på en DevSite-side skal være en <h1> . Sideteksten må ikke indeholde en anden <h1> for at undgå forvirrende ikke-visuelle browsere. Værktøjet nbgenerate konverterer DevSite HTML- og Markdown-indhold og skabeloner til Colab-kompatible Jupyter-notebooks.

Størrelser

Overskrift 1

Overskrift 2

Overskrift 3

Overskrift 4

Overskrift 5

Overskrift 6

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

Indholdsfortegnelse

I DevSite føjes <h2> og <h3> automatisk til indholdsfortegnelsen "på denne side" (ToC).

Skjul overskrifter fra ToC

For at forhindre en overskrift i at blive tilføjet (som "Overskrift 2" og "Overskrift 3" i ovenstående afsnit, som ikke vises i ToC), skal du anvende class="hide-from-toc" .

Overskrift 2

Overskrift 3

<h2 class="hide-from-toc">Heading 2</h2>
<h3 class="hide-from-toc">Heading 3</h3>

## Heading 2 {:.hide-from-toc}
### Heading 3 {:.hide-from-toc}

Tilpas overskriftstekst i ToC

Hvis du ønsker, at teksten i ToC'en skal afvige fra den faktiske overskrift (som dette afsnit!), skal du indstille en data-text attribut på overskriften:

Overskrift 2

<h2 data-text="Custom text for the ToC">Heading 2</h2>

## Heading 2 {: data-text='Custom text for the ToC'}

Medtag overskrifter i tabeller i ToC

Du kan også sætte en <h2> eller <h3> inde i en tabeloverskrift ( <th> ) for at tvinge tabellen ind i ToC. Inde i en tabeloverskrift er <h2> og <h3> stilet som almindelig tekst, så læserne ikke kan fortælle det.

Klik for at kopiere links

På dokumentationssider (ikke "full-width" sider som de fleste landingssider) får andre overskrifter end <h1> også en knap til at kopiere linket, som kun vises, når du holder musemarkøren over overskriften.

For at deaktivere denne knap for en bestemt overskrift skal du anvende class="no-link" på overskriften.

Overskrift 4

Overskrift 5

<h4 class="no-link">Heading 4</h4>
<h5 class="no-link">Heading 5</h5>

## Heading 4 {:.no-link}
### Heading 5 {:.no-link}

For at tvinge linkknappen til at blive vist på en overskrift, der ellers ikke ville have den (f.eks. en <h1> eller en hvilken som helst overskrift på en side i fuld bredde), skal du tilføje class="add-link" til overskriften.

Overskrift 1

<h1 class="add-link">Heading 1</h1>

# Heading 1 {:.add-link}

Nummererede overskrifter

For at præfikse <h2> overskrifter med sekventielle numre for at udpege sektioner med komplekst indhold som adskilte trin i en flertrinsproces, skal du tilføje en nummereret klasse til hver overskrift.

Første nummererede overskrift

Komplekst indhold sammensat af afsnit, lister, tabeller, billeder, videoer, widgets.

Anden nummererede overskrift

Komplekst indhold sammensat af afsnit, lister, tabeller, billeder, videoer, widgets.

Tredje nummererede overskrift

Komplekst indhold sammensat af afsnit, lister, tabeller, billeder, videoer, widgets.

<h2 class="numbered">First numbered heading</h2>

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

<h2 class="numbered">Second numbered heading</h2>

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

<h2 class="numbered">Third numbered heading</h2>

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

## First numbered heading {:.numbered}

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

## Second numbered heading {:.numbered}

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

## Third numbered heading {:.numbered}

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

Nummererede underoverskrifter

For at præfikse <h3> -overskrifter, der følger <h2> -overskrifter, med sekventielle numre, skal du tilføje en nummereret klasse til hver <h3> -overskrift.

<h2 class="numbered">Numbered heading</h2>

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

<h3 class="numbered">Numbered subheading</h3>

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

<h3 class="numbered">Numbered subheading</h3>

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

<h3 class="numbered">Numbered subheading</h3>

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

## Numbered heading {:.numbered}

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

### Numbered subheading {:.numbered}

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

### Numbered subheading {:.numbered}

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

### Numbered subheading {:.numbered}

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

Nummereret overskrift

Komplekst indhold sammensat af afsnit, lister, tabeller, billeder, videoer, widgets.

Nummereret underoverskrift

Komplekst indhold sammensat af afsnit, lister, tabeller, billeder, videoer, widgets.

Nummereret underoverskrift

Komplekst indhold sammensat af afsnit, lister, tabeller, billeder, videoer, widgets.

Nummereret underoverskrift

Komplekst indhold sammensat af afsnit, lister, tabeller, billeder, videoer, widgets.