Címsorok

A DevSite oldal legfelső fejlécének <h1> -nek kell lennie. Az oldal törzse nem tartalmazhat másik <h1> , hogy elkerüljük a nem vizuális böngészők összetévesztését. Az nbgenerate eszköz a DevSite HTML- és Markdown-tartalmakat és -sablonokat Colab-kompatibilis Jupyter-jegyzetfüzetekké alakítja.

Méretek

1. címsor

2. címsor

3. címsor

4. címsor

5. címsor
6. címsor

HTML

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

Árleszállítás

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

Tartalomjegyzék

A DevSite alkalmazásban <h2> és <h3> automatikusan hozzáadódik az „on this page” tartalomjegyzékhez (ToC).

Címsorok elrejtése a tartalomjegyzékből

Ha meg szeretné akadályozni, hogy fejlécet adjon hozzá (például a fenti szakaszban a „Heading 2” és a „Heading 3”, amelyek nem jelennek meg az Általános Szerződési Feltételekben), alkalmazza class="hide-from-toc" .

2. címsor

3. címsor

HTML

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

Árleszállítás

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

A fejléc szövegének testreszabása a tájékoztatóban

Ha azt szeretné, hogy a tartalomjegyzékben lévő szöveg eltérjen a tényleges címsortól (mint ez a szakasz!), állítson be egy data-text attribútumot a címsoron:

2. címsor

HTML

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

Árleszállítás

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

Tartalmazzon fejléceket a táblázatokba a tájékoztatóban

A táblázat fejlécébe ( <th> ) egy <h2> vagy <h3> is elhelyezhet, hogy a táblázatot a ToC-ba kényszerítse. A táblázat fejlécén belül <h2> és <h3> stílusa hagyományos szöveghez hasonló, így az olvasók nem fogják tudni megmondani.

A dokumentációs oldalakon (nem a „teljes szélességű” oldalakon, mint a legtöbb céloldalon) a <h1> -től eltérő címsorok is kapnak egy gombot a hivatkozás másolására, amely csak akkor jelenik meg, ha az egérmutatót a címsor fölé viszi.

Ha egy adott címsorhoz szeretné letiltani ezt a gombot, alkalmazza class="no-link" a címsorra.

HTML

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

Árleszállítás

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

Ha azt szeretné, hogy a hivatkozás gomb olyan címsoron jelenjen meg, amelyen egyébként nem szerepelne (például egy <h1> vagy egy teljes szélességű oldal bármely címsorán), adja hozzá class="add-link" a címsorhoz.

1. címsor

HTML

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

Árleszállítás

# Heading 1 {:.add-link}

Számozott címsorok

Ha <h2> címsorok elé sorszámokat szeretne írni, hogy összetett tartalmú szakaszokat jelöljön ki egy többlépéses folyamat különálló lépéseiként, adjon hozzá egy számozott osztályt minden címsorhoz.

Első számozott címsor

Bekezdésekből, listákból, táblázatokból, képekből, videókból, widgetekből álló összetett tartalom.

Második számozott címsor

Bekezdésekből, listákból, táblázatokból, képekből, videókból, widgetekből álló összetett tartalom.

Harmadik számozott címsor

Bekezdésekből, listákból, táblázatokból, képekből, videókból, widgetekből álló összetett tartalom.

HTML

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

Árleszállítás

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

Számozott alcímek

Ha a <h2> címsorokat követő <h3> címsorok elé sorszámokat szeretne adni, adjon hozzá egy számozott osztályt minden <h3> címsorhoz.

HTML

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

Árleszállítás

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

Számozott címsor

Bekezdésekből, listákból, táblázatokból, képekből, videókból, widgetekből álló összetett tartalom.

Számozott alcím

Bekezdésekből, listákból, táblázatokból, képekből, videókból, widgetekből álló összetett tartalom.

Számozott alcím

Bekezdésekből, listákból, táblázatokból, képekből, videókból, widgetekből álló összetett tartalom.

Számozott alcím

Bekezdésekből, listákból, táblázatokból, képekből, videókból, widgetekből álló összetett tartalom.