Titulli më i lartë i një faqeje DevSite duhet të jetë një <h1>
. Trupi i faqes nuk duhet të përmbajë një <h1>
tjetër për të shmangur konfuzionin e shfletuesve jo-vizualë. Mjeti nbgenerate
konverton përmbajtjen dhe shabllonet HTML dhe Markdown të DevSite në fletore Jupyter të pajtueshme me Colab.
Përmasat
Kreu 1
Kreu 2
Kreu 3
Kreu 4
Kreu 5
Kreu 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
Tabela e përmbajtjes
Në DevSite, <h2>
dhe <h3>
shtohen automatikisht në tabelën e përmbajtjes "në këtë faqe" (ToC).
Fshih titujt nga ToC
Për të parandaluar shtimin e një titulli (si "Titulli 2" dhe "Titulli 3" në seksionin e mësipërm, të cilët nuk shfaqen në ToC), aplikoni class="hide-from-toc"
.
Kreu 2
Kreu 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}
Personalizo tekstin e titullit në ToC
Nëse dëshironi që teksti në ToC të ndryshojë nga titulli aktual (si ky seksion!), vendosni një atribut data-text
në titull:
Kreu 2
HTML
<h2 data-text="Custom text for the ToC">Heading 2</h2>
Markdown
## Heading 2 {: data-text='Custom text for the ToC'}
Përfshini titujt brenda tabelave në ToC
Ju gjithashtu mund të vendosni një <h2>
ose <h3>
brenda një titulli tabele ( <th>
) për ta detyruar tabelën në ToC. Brenda kokës së tabelës, <h2>
dhe <h3>
janë stilizuar si tekst i zakonshëm, kështu që lexuesit nuk do të jenë në gjendje ta dallojnë.
Lidhjet klikoni për të kopjuar
Në faqet e dokumentacionit (jo faqet "me gjerësi të plotë" si shumica e faqeve fillestare), titujt e tjerë përveç <h1>
marrin gjithashtu një buton për të kopjuar lidhjen, i cili shfaqet vetëm kur kaloni pezull mbi titull.
Për të çaktivizuar këtë buton për një titull specifik, aplikoni class="no-link"
në titull.
Kreu 4
Kreu 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}
Për të detyruar butonin e lidhjes të shfaqet në një titull që përndryshe nuk do ta kishte atë (të themi, një <h1>
ose ndonjë titull në një faqe me gjerësi të plotë), shtoni class="add-link"
në titull.
Kreu 1
HTML
<h1 class="add-link">Heading 1</h1>
Markdown
# Heading 1 {:.add-link}
Titujt e numëruar
Për të prefiksuar titujt <h2>
me numra vijues për përcaktimin e seksioneve me përmbajtje komplekse si hapa të veçantë në një proces me shumë hapa, shtoni një klasë të numëruar në secilin titull.
Titulli i parë me numër
Përmbajtje komplekse e përbërë nga paragrafë, lista, tabela, imazhe, video, miniaplikacione.
Titulli i dytë me numër
Përmbajtje komplekse e përbërë nga paragrafë, lista, tabela, imazhe, video, miniaplikacione.
Titulli i tretë me numër
Përmbajtje komplekse e përbërë nga paragrafë, lista, tabela, imazhe, video, miniaplikacione.
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.
Nëntituj të numëruar
Për të parashtesuar titujt <h3>
që ndjekin titujt <h2>
me numra vijues, shtoni një klasë të numëruar në çdo titull <h3>
.
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.
Titulli i numëruar
Përmbajtje komplekse e përbërë nga paragrafë, lista, tabela, imazhe, video, miniaplikacione.
Nëntitulli i numëruar
Përmbajtje komplekse e përbërë nga paragrafë, lista, tabela, imazhe, video, miniaplikacione.
Nëntitulli i numëruar
Përmbajtje komplekse e përbërë nga paragrafë, lista, tabela, imazhe, video, miniaplikacione.
Nëntitulli i numëruar
Përmbajtje komplekse e përbërë nga paragrafë, lista, tabela, imazhe, video, miniaplikacione.