Den øverste overskriften på en DevSite-side må være en <h1> . Sideteksten må ikke inneholde en annen <h1> for å unngå forvirrende ikke-visuelle nettlesere. nbgenerate verktøyet konverterer DevSite HTML- og Markdown-innhold og maler til Colab-kompatible Jupyter-notatbøker.

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

Innholdsfortegnelse

I DevSite blir <h2> og <h3> automatisk lagt til "på denne siden" innholdsfortegnelsen (ToC).

Skjul overskrifter fra innholdsfortegnelsen

For å forhindre at en overskrift legges til (som "Overskrift 2" og "Overskrift 3" i delen ovenfor, som ikke vises i innholdsfortegnelsen), bruk 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}

Tilpass overskriftstekst i innholdsfortegnelsen

Hvis du vil at teksten i innholdsfortegnelsen skal avvike fra den faktiske overskriften (som denne delen!), angi et data-text på overskriften:

Overskrift 2

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

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

Ta med overskrifter i tabeller i innholdsfortegnelsen

Du kan også sette en <h2> eller <h3> i en tabelloverskrift ( <th> ) for å tvinge tabellen inn i innholdsfortegnelsen. Inne i en tabelloverskrift er <h2> og <h3> stilt som vanlig tekst, slik at leserne ikke kan se.

Klikk for å kopiere lenker

På dokumentasjonssider (ikke "fullbredde"-sider som de fleste landingssider) får andre overskrifter enn <h1> også en knapp for å kopiere lenken, som vises kun når du holder musepekeren over overskriften.

For å deaktivere denne knappen for en bestemt overskrift, bruk 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 å tvinge koblingsknappen til å vises på en overskrift som ellers ikke ville ha den (f.eks. en <h1> eller en hvilken som helst overskrift på en side i full bredde), legg til class="add-link" i overskriften.

Overskrift 1

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

# Heading 1 {:.add-link}

Nummererte overskrifter

For å prefiksere <h2> -overskrifter med sekvensnumre for å angi seksjoner med komplekst innhold som distinkte trinn i en flertrinnsprosess, legg til en nummerert klasse til hver overskrift.

Første nummererte overskrift

Kompleks innhold sammensatt av avsnitt, lister, tabeller, bilder, videoer, widgets.

Andre nummererte overskrift

Kompleks innhold sammensatt av avsnitt, lister, tabeller, bilder, videoer, widgets.

Tredje nummererte overskrift

Kompleks innhold sammensatt av avsnitt, lister, tabeller, bilder, 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.

Nummererte underoverskrifter

For å prefiksere <h3> -overskrifter som følger <h2> -overskrifter med sekvensielle tall, legg til en nummerert 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.

Nummerert overskrift

Kompleks innhold sammensatt av avsnitt, lister, tabeller, bilder, videoer, widgets.

Nummerert underoverskrift

Kompleks innhold sammensatt av avsnitt, lister, tabeller, bilder, videoer, widgets.

Nummerert underoverskrift

Kompleks innhold sammensatt av avsnitt, lister, tabeller, bilder, videoer, widgets.

Nummerert underoverskrift

Kompleks innhold sammensatt av avsnitt, lister, tabeller, bilder, videoer, widgets.