Viršutinė DevSite puslapio antraštė turi būti <h1>
. Puslapio turinyje neturi būti kito <h1>
, kad nesupainiotumėte nevaizdinių naršyklių. nbgenerate
įrankis konvertuoja DevSite HTML ir Markdown turinį ir šablonus į su Colab suderinamas Jupyter bloknotas.
Dydžiai
1 antraštė
2 antraštė
3 antraštė
4 antraštė
5 antraštė
6 antraštė
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>
Pažymėjimas
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6
Turinys
„DevSite“ svetainėje <h2>
ir <h3>
automatiškai įtraukiami į „šiame puslapyje“ turinį (ToC).
Slėpti antraštes iš TS
Kad nebūtų pridėta antraštė (pvz., „Antraštė 2“ ir „Antraštė 3“ anksčiau pateiktoje skiltyje, kurios nėra įtrauktos į SS), taikykite class="hide-from-toc"
.
2 antraštė
3 antraštė
HTML
<h2 class="hide-from-toc">Heading 2</h2>
<h3 class="hide-from-toc">Heading 3</h3>
Pažymėjimas
## Heading 2 {:.hide-from-toc}
### Heading 3 {:.hide-from-toc}
Tinkinkite antraštės tekstą SS
Jei norite, kad TS tekstas skirtųsi nuo tikrosios antraštės (kaip šioje dalyje!), antraštėje nustatykite data-text
atributą:
2 antraštė
HTML
<h2 data-text="Custom text for the ToC">Heading 2</h2>
Pažymėjimas
## Heading 2 {: data-text='Custom text for the ToC'}
Į SS lentelių antraštes įtraukite
Taip pat galite įdėti <h2>
arba <h3>
į lentelės antraštę ( <th>
), kad įtrauktumėte lentelę į ToC. Lentelės antraštėje <h2>
ir <h3>
yra sudarytos kaip įprastas tekstas, todėl skaitytojai negalės to pasakyti.
Spustelėkite, kad nukopijuotumėte nuorodas
Dokumentacijos puslapiuose (ne „viso pločio“ puslapiuose, kaip daugumoje nukreipimo puslapių) antraštės, išskyrus <h1>
, taip pat turi mygtuką, kuriuo galima nukopijuoti nuorodą, kuri rodoma tik užvedus pelės žymeklį virš antraštės.
Norėdami išjungti šį mygtuką konkrečiai antraštei, antraštei pritaikykite class="no-link"
.
4 antraštė
5 antraštė
HTML
<h4 class="no-link">Heading 4</h4>
<h5 class="no-link">Heading 5</h5>
Pažymėjimas
## Heading 4 {:.no-link}
### Heading 5 {:.no-link}
Jei norite, kad nuorodos mygtukas būtų rodomas antraštėje, kurioje kitu atveju jos nebūtų (tarkime, <h1>
arba bet kurioje antraštėje viso pločio puslapyje), prie antraštės pridėkite class="add-link"
.
1 antraštė
HTML
<h1 class="add-link">Heading 1</h1>
Pažymėjimas
# Heading 1 {:.add-link}
Sunumeruotos antraštės
Norėdami prieš <h2>
antraštes su eilės numeriais priskirti sudėtingo turinio skyrius kaip skirtingus kelių etapų proceso veiksmus, prie kiekvienos antraštės pridėkite numeruotą klasę.
Pirma sunumeruota antraštė
Sudėtingas turinys, sudarytas iš pastraipų, sąrašų, lentelių, vaizdų, vaizdo įrašų, valdiklių.
Antra sunumeruota antraštė
Sudėtingas turinys, sudarytas iš pastraipų, sąrašų, lentelių, vaizdų, vaizdo įrašų, valdiklių.
Trečia sunumeruota antraštė
Sudėtingas turinys, sudarytas iš pastraipų, sąrašų, lentelių, vaizdų, vaizdo įrašų, valdiklių.
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.
Pažymėjimas
## 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.
Sunumeruotos subantraštės
Norėdami prieš <h3>
antraštes, kurios po <h2>
antraštės yra nuoseklios, pridėkite numeruotą klasę prie kiekvienos <h3>
antraštės.
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.
Pažymėjimas
## 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.
Sunumeruota antraštė
Sudėtingas turinys, sudarytas iš pastraipų, sąrašų, lentelių, vaizdų, vaizdo įrašų, valdiklių.
Sunumeruota paantraštė
Sudėtingas turinys, sudarytas iš pastraipų, sąrašų, lentelių, vaizdų, vaizdo įrašų, valdiklių.
Sunumeruota paantraštė
Sudėtingas turinys, sudarytas iš pastraipų, sąrašų, lentelių, vaizdų, vaizdo įrašų, valdiklių.
Sunumeruota paantraštė
Sudėtingas turinys, sudarytas iš pastraipų, sąrašų, lentelių, vaizdų, vaizdo įrašų, valdiklių.