Den översta rubriken på en DevSite-sida måste vara en <h1> . Sidans brödtext får inte innehålla en annan <h1> för att undvika förvirring av icke-visuella webbläsare. Verktyget nbgenerate konverterar DevSite HTML- och Markdown-innehåll och mallar till Colab-kompatibla Jupyter-anteckningsböcker.

Storlekar

Rubrik 1

Rubrik 2

Rubrik 3

Rubrik 4

Rubrik 5

Rubrik 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

Innehållsförteckning

I DevSite läggs <h2> och <h3> automatiskt till i "på den här sidan" innehållsförteckningen (ToC).

Dölj rubriker från innehållsförteckningen

För att förhindra att en rubrik läggs till (som "Rubrik 2" och "Rubrik 3" i avsnittet ovan, som inte visas i innehållsförteckningen), använd class="hide-from-toc" .

Rubrik 2

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

Anpassa rubriktexten i innehållsförteckningen

Om du vill att texten i innehållsförteckningen ska skilja sig från den faktiska rubriken (som det här avsnittet!), ställ in ett data-text attribut på rubriken:

Rubrik 2

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

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

Inkludera rubriker i tabeller i innehållsförteckningen

Du kan också placera en <h2> eller <h3> i en tabellrubrik ( <th> ) för att tvinga tabellen in i innehållsförteckningen. Inuti en tabellrubrik är <h2> och <h3> utformade som vanlig text, så att läsarna inte kan avgöra.

Klicka för att kopiera länkar

På dokumentationssidor (inte "full-width"-sidor som de flesta landningssidor) får även andra rubriker än <h1> en knapp för att kopiera länken, som endast visas när du håller muspekaren över rubriken.

För att inaktivera den här knappen för en specifik rubrik, använd class="no-link" på rubriken.

Rubrik 4

Rubrik 5

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

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

För att tvinga länkknappen att visas på en rubrik som annars inte skulle ha den (säg en <h1> eller någon annan rubrik på en sida med full bredd), lägg till class="add-link" till rubriken.

Rubrik 1

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

# Heading 1 {:.add-link}

Numrerade rubriker

För att prefixa <h2> -rubriker med sekventiella nummer för att ange avsnitt med komplext innehåll som distinkta steg i en process med flera steg, lägg till en numrerad klass till varje rubrik.

Första numrerade rubriken

Komplext innehåll som består av stycken, listor, tabeller, bilder, videor, widgets.

Andra numrerade rubriken

Komplext innehåll som består av stycken, listor, tabeller, bilder, videor, widgets.

Tredje numrerade rubriken

Komplext innehåll som består av stycken, listor, tabeller, bilder, videor, 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.

Numrerade underrubriker

För att prefixa <h3> -rubriker som följer <h2> -rubriker med sekventiella nummer, lägg till en numrerad klass till varje <h3> -rubrik.

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

Numrerad rubrik

Komplext innehåll som består av stycken, listor, tabeller, bilder, videor, widgets.

Numrerad underrubrik

Komplext innehåll som består av stycken, listor, tabeller, bilder, videor, widgets.

Numrerad underrubrik

Komplext innehåll som består av stycken, listor, tabeller, bilder, videor, widgets.

Numrerad underrubrik

Komplext innehåll som består av stycken, listor, tabeller, bilder, videor, widgets.