Най-горното заглавие на страница на DevSite трябва да бъде <h1> . Тялото на страницата не трябва да съдържа друг <h1> за да се избегне объркване на невизуалните браузъри. Инструментът nbgenerate преобразува съдържание и шаблони на DevSite HTML и Markdown в съвместими с Colab преносими компютри Jupyter.

Размери

Заглавие 1

Заглавие 2

Заглавие 3

Заглавие 4

Заглавие 5

Заглавие 6

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

Съдържание

В DevSite <h2> и <h3> автоматично се добавят към съдържанието (ToC) „на тази страница“.

Скриване на заглавията от ToC

За да предотвратите добавянето на заглавие (като „Заглавие 2“ и „Заглавие 3“ в горния раздел, които не се показват в ToC), приложете class="hide-from-toc" .

Заглавие 2

Заглавие 3

<h2 class="hide-from-toc">Heading 2</h2>
<h3 class="hide-from-toc">Heading 3</h3>

## Heading 2 {:.hide-from-toc}
### Heading 3 {:.hide-from-toc}

Персонализирайте заглавния текст в ToC

Ако искате текстът в ToC да се различава от действителното заглавие (като този раздел!), задайте атрибут data-text за заглавието:

Заглавие 2

<h2 data-text="Custom text for the ToC">Heading 2</h2>

## Heading 2 {: data-text='Custom text for the ToC'}

Включете заглавия в таблиците в ToC

Можете също така да поставите <h2> или <h3> в заглавката на таблицата ( <th> ), за да принудите таблицата да влезе в ToC. Вътре в заглавката на таблицата <h2> и <h3> са стилизирани като обикновен текст, така че читателите няма да могат да разберат.

Щракнете за копиране на връзки

На страници с документация (не на страници с „пълна ширина“ като повечето целеви страници), заглавия, различни от <h1> също получават бутон за копиране на връзката, който се появява само когато задържите курсора на мишката над заглавието.

За да деактивирате този бутон за конкретно заглавие, приложете class="no-link" към заглавието.

Заглавие 4

Заглавие 5

<h4 class="no-link">Heading 4</h4>
<h5 class="no-link">Heading 5</h5>

## Heading 4 {:.no-link}
### Heading 5 {:.no-link}

За да принудите бутона за връзка да се появи на заглавие, което иначе не би го имало (да речем <h1> или друго заглавие на страница с пълна ширина), добавете class="add-link" към заглавието.

Заглавие 1

<h1 class="add-link">Heading 1</h1>

# Heading 1 {:.add-link}

Номерирани заглавия

За да поставите префикс <h2> заглавия с последователни номера за обозначаване на секции със сложно съдържание като отделни стъпки в многоетапен процес, добавете номериран клас към всяко заглавие.

Първо номерирано заглавие

Комплексно съдържание, съставено от параграфи, списъци, таблици, изображения, видеоклипове, уиджети.

Второ номерирано заглавие

Комплексно съдържание, съставено от параграфи, списъци, таблици, изображения, видеоклипове, уиджети.

Трето номерирано заглавие

Комплексно съдържание, съставено от параграфи, списъци, таблици, изображения, видеоклипове, уиджети.

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

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

Номерирани подзаглавия

За да добавите префикс <h3> заглавия, които следват <h2> заглавия с последователни номера, добавете номериран клас към всяко <h3> заглавие.

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

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

Номерирано заглавие

Комплексно съдържание, съставено от параграфи, списъци, таблици, изображения, видеоклипове, уиджети.

Номерирано подзаглавие

Комплексно съдържание, съставено от параграфи, списъци, таблици, изображения, видеоклипове, уиджети.

Номерирано подзаглавие

Комплексно съдържание, съставено от параграфи, списъци, таблици, изображения, видеоклипове, уиджети.

Номерирано подзаглавие

Комплексно съдържание, съставено от параграфи, списъци, таблици, изображения, видеоклипове, уиджети.