DevSite-sivun ylimmän otsikon on oltava <h1> . Sivun runko ei saa sisältää toista <h1> ei-visuaalisten selainten sekoittamisen välttämiseksi. nbgenerate työkalu muuntaa DevSite HTML- ja Markdown-sisällön ja -mallit Colab-yhteensopiviksi Jupyter-muistikirjoiksi.

Koot

Otsikko 1

Otsikko 2

Otsikko 3

Otsikko 4

Otsikko 5

Otsikko 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

Sisällysluettelo

DevSitessa <h2> ja <h3> lisätään automaattisesti "tällä sivulla" olevaan sisällysluetteloon (ToC).

Piilota otsikot käyttöehdot

Jotta voit estää otsikon lisäämisen (kuten "Otsikko 2" ja "Otsikko 3" yllä olevassa osiossa, jotka eivät näy käyttöehdot), käytä class="hide-from-toc" .

Otsikko 2

Otsikko 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}

Muokkaa otsikkotekstiä käyttöehdot

Jos haluat ToC:n tekstin poikkeavan todellisesta otsikosta (kuten tämä osio!), aseta otsikkoon data-text -attribuutti:

Otsikko 2

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

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

Sisällytä käyttöehtojen taulukoiden otsikot

Voit myös laittaa <h2> tai <h3> taulukon otsikon ( <th> ) sisään pakottaaksesi taulukon ToC:hen. Taulukon otsikon sisällä <h2> ja <h3> on tyylitelty tavallisen tekstin tavoin, joten lukijat eivät voi kertoa.

Napsauta ja kopioi linkit

Dokumentaatiosivuilla (ei "täysleveillä" sivuilla, kuten useimmilla aloitussivuilla) myös muut otsikot kuin <h1> saavat painikkeen linkin kopioimiseksi, joka näkyy vain, kun viet hiiren osoittimen otsikon päälle.

Jos haluat poistaa tämän painikkeen käytöstä tietystä otsikosta, käytä class="no-link" otsikossa.

Otsikko 4

Otsikko 5

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

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

Jos haluat pakottaa linkkipainikkeen näkymään otsikossa, jossa sitä ei muuten olisi (esimerkiksi <h1> tai mikä tahansa otsikko täysleveällä sivulla), lisää otsikkoon class="add-link" .

Otsikko 1

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

# Heading 1 {:.add-link}

Numeroidut otsikot

Jos haluat liittää <h2> -otsikoiden eteen peräkkäiset numerot monimutkaisen sisällön osien nimeämiseksi erillisiksi vaiheiksi monivaiheisessa prosessissa, lisää jokaiseen otsikkoon numeroitu luokka.

Ensimmäinen numeroitu otsikko

Monimutkainen sisältö, joka koostuu kappaleista, luetteloista, taulukoista, kuvista, videoista, widgeteistä.

Toinen numeroitu otsikko

Monimutkainen sisältö, joka koostuu kappaleista, luetteloista, taulukoista, kuvista, videoista, widgeteistä.

Kolmas numeroitu otsikko

Monimutkainen sisältö, joka koostuu kappaleista, luetteloista, taulukoista, kuvista, videoista, widgeteistä.

<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.

Numeroidut alaotsikot

Jos haluat liittää <h3> -otsikoita seuraavien <h2> -otsikoiden eteen peräkkäiset numerot, lisää numeroitu luokka jokaiseen <h3> -otsikkoon.

<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.

Numeroitu otsikko

Monimutkainen sisältö, joka koostuu kappaleista, luetteloista, taulukoista, kuvista, videoista, widgeteistä.

Numeroitu alaotsikko

Monimutkainen sisältö, joka koostuu kappaleista, luetteloista, taulukoista, kuvista, videoista, widgeteistä.

Numeroitu alaotsikko

Monimutkainen sisältö, joka koostuu kappaleista, luetteloista, taulukoista, kuvista, videoista, widgeteistä.

Numeroitu alaotsikko

Monimutkainen sisältö, joka koostuu kappaleista, luetteloista, taulukoista, kuvista, videoista, widgeteistä.