Najvrchnejší nadpis stránky DevSite musí byť <h1>
. Telo stránky nesmie obsahovať ďalšie <h1>
, aby nedošlo k zmätku nevizuálnych prehliadačov. Nástroj nbgenerate
konvertuje obsah a šablóny DevSite HTML a Markdown do poznámkových blokov Jupyter kompatibilných s Colab.
Veľkosti
Nadpis 1
Nadpis 2
Nadpis 3
Nadpis 4
Nadpis 5
Nadpis 6
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>
Markdown
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6
Obsah
Na stránke DevSite sa <h2>
a <h3>
automaticky pridajú do obsahu (ToC) „na tejto stránke“.
Skryť nadpisy z ToC
Ak chcete zabrániť pridaniu nadpisu (napríklad „Nadpis 2“ a „Nadpis 3“ v sekcii vyššie, ktoré sa nezobrazujú v ToC), použite class="hide-from-toc"
.
Nadpis 2
Nadpis 3
HTML
<h2 class="hide-from-toc">Heading 2</h2>
<h3 class="hide-from-toc">Heading 3</h3>
Markdown
## Heading 2 {:.hide-from-toc}
### Heading 3 {:.hide-from-toc}
Prispôsobte text nadpisu v ToC
Ak chcete, aby sa text v ToC líšil od skutočného nadpisu (ako táto sekcia!), nastavte pre nadpis atribút data-text
:
Nadpis 2
HTML
<h2 data-text="Custom text for the ToC">Heading 2</h2>
Markdown
## Heading 2 {: data-text='Custom text for the ToC'}
Zahrňte nadpisy do tabuliek v ToC
Môžete tiež vložiť <h2>
alebo <h3>
do hlavičky tabuľky ( <th>
), aby sa tabuľka dostala do ToC. V hlavičke tabuľky sú <h2>
a <h3>
v štýle bežného textu, takže čitatelia to nebudú vedieť rozpoznať.
Odkazy na kopírovanie kliknutím
Na stránkach s dokumentáciou (nie na stránkach s "plnou šírkou" ako väčšina vstupných stránok) majú nadpisy iné ako <h1>
tlačidlo na skopírovanie odkazu, ktoré sa zobrazí iba vtedy, keď umiestnite kurzor myši na nadpis.
Ak chcete vypnúť toto tlačidlo pre konkrétny nadpis, použite na nadpis class="no-link"
.
Nadpis 4
Nadpis 5
HTML
<h4 class="no-link">Heading 4</h4>
<h5 class="no-link">Heading 5</h5>
Markdown
## Heading 4 {:.no-link}
### Heading 5 {:.no-link}
Ak chcete, aby sa tlačidlo odkazu zobrazilo v nadpise, ktorý by ho inak nemal (povedzme <h1>
alebo akýkoľvek nadpis na stránke s plnou šírkou), pridajte do nadpisu class="add-link"
.
Nadpis 1
HTML
<h1 class="add-link">Heading 1</h1>
Markdown
# Heading 1 {:.add-link}
Očíslované nadpisy
Ak chcete pred nadpisy <h2>
uviesť poradové čísla na označenie sekcií so zložitým obsahom ako samostatných krokov v procese s viacerými krokmi, pridajte ku každému nadpisu očíslovanú triedu.
Prvý očíslovaný nadpis
Komplexný obsah zložený z odsekov, zoznamov, tabuliek, obrázkov, videí, widgetov.
Druhý očíslovaný nadpis
Komplexný obsah zložený z odsekov, zoznamov, tabuliek, obrázkov, videí, widgetov.
Tretí očíslovaný nadpis
Komplexný obsah zložený z odsekov, zoznamov, tabuliek, obrázkov, videí, widgetov.
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.
Markdown
## 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.
Číslované podnadpisy
Ak chcete pred nadpisy <h3>
, ktoré nasledujú za nadpismi <h2>
, pridať poradové čísla, pridajte ku každému nadpisu <h3>
očíslovanú triedu.
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.
Markdown
## 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.
Číslovaný nadpis
Komplexný obsah zložený z odsekov, zoznamov, tabuliek, obrázkov, videí, widgetov.
Číslovaný podnadpis
Komplexný obsah zložený z odsekov, zoznamov, tabuliek, obrázkov, videí, widgetov.
Číslovaný podnadpis
Komplexný obsah zložený z odsekov, zoznamov, tabuliek, obrázkov, videí, widgetov.
Číslovaný podnadpis
Komplexný obsah zložený z odsekov, zoznamov, tabuliek, obrázkov, videí, widgetov.