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.
Kattintással másolható hivatkozások
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.
4. címsor
5. címsor
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.