DevSite पेज की सबसे ऊपर मौजूद हेडिंग, <h1> होनी चाहिए. पेज के मुख्य हिस्से में कोई दूसरा <h1> नहीं होना चाहिए, ताकि बिना विज़ुअल वाले ब्राउज़र को भ्रम न हो. nbgenerate टूल, DevSite के एचटीएमएल और मार्कडाउन कॉन्टेंट और टेंप्लेट को Colab के साथ काम करने वाले Jupyter Notebook में बदल देता है.

साइज़

पहली हेडिंग

शीर्षक 2

शीर्षक 3

चौथी हेडिंग

पांचवी हेडिंग

छठी हेडिंग

<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) में अपने-आप जोड़ दिया जाता है.

विषय-सूची से शीर्षक छिपाना

किसी हेडर को जोड़ने से रोकने के लिए, class="hide-from-toc" लागू करें. जैसे, ऊपर दिए गए सेक्शन में "Heading 2" और "Heading 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}

कॉन्टेंट की सूची में हेडिंग के टेक्स्ट को पसंद के मुताबिक बनाना

अगर आपको कॉन्टेंट की सूची में मौजूद टेक्स्ट को असल हेडर से अलग रखना है, तो हेडर पर data-text एट्रिब्यूट सेट करें:

दूसरी हेडिंग

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

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

विषय सूची में टेबल के अंदर हेडिंग शामिल करना

टेबल को 'विषय सूची' में शामिल करने के लिए, टेबल हेडर (<th>) में <h2> या <h3> भी डाला जा सकता है. टेबल हेडर में, <h2> और <h3> को सामान्य टेक्स्ट की तरह स्टाइल किया जाता है, ताकि पाठक यह न बता पाएं.

क्लिक करके कॉपी किए जा सकने वाले लिंक

दस्तावेज़ वाले पेजों (ज़्यादातर लैंडिंग पेजों की तरह "पूरी चौड़ाई" वाले पेजों पर नहीं) पर, <h1> के अलावा अन्य हेडिंग में भी लिंक कॉपी करने के लिए बटन होता है. यह बटन सिर्फ़ तब दिखता है, जब हेडिंग पर कर्सर घुमाया जाता है.

किसी हेडिंग के लिए इस बटन को बंद करने के लिए, हेडिंग पर class="no-link" लागू करें.

चौथी हेडिंग

पांचवी हेडिंग

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

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

अगर आपको किसी ऐसी हेडिंग पर लिंक बटन दिखाना है जिस पर यह बटन नहीं दिखता है, तो हेडिंग में class="add-link" जोड़ें. जैसे, <h1> या फ़ुल-विड्थ वाले पेज पर मौजूद कोई भी हेडिंग.

पहली हेडिंग

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

नंबर वाली सबहेडिंग

<h2> हेडिंग के बाद आने वाली <h3> हेडिंग में क्रम से नंबर जोड़ने के लिए, हर <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.

नंबर वाला शीर्षक

जटिल कॉन्टेंट, जिसमें पैराग्राफ़, सूचियां, टेबल, इमेज, वीडियो, विजेट शामिल होते हैं.

नंबर वाली सब-हेडर

जटिल कॉन्टेंट, जिसमें पैराग्राफ़, सूचियां, टेबल, इमेज, वीडियो, विजेट शामिल होते हैं.

नंबर वाली सब-हेडर

जटिल कॉन्टेंट, जिसमें पैराग्राफ़, सूचियां, टेबल, इमेज, वीडियो, विजेट शामिल होते हैं.

नंबर वाली सब-हेडर

जटिल कॉन्टेंट, जिसमें पैराग्राफ़, सूचियां, टेबल, इमेज, वीडियो, विजेट शामिल होते हैं.