Titujt

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

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.

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.