הכותרת העליונה של דף ב-DevSite חייבת להיות <h1>. אסור שגוף הדף יכיל <h1> נוסף כדי למנוע בלבול בדפדפנים לא חזותיים. הכלי nbgenerate ממיר תבניות ותוכן של HTML ו-Markdown ב-DevSite לקובצי Jupyter Notebook שתואמים ל-Colab.

גדלים

כותרת 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) בקטע 'בדף הזה'.

הסתרת כותרות מהתוכן הענייני

כדי למנוע הוספה של כותרת (כמו 'כותרת 2' ו'כותרת 3' בקטע שלמעלה, שלא מופיעות בתוכן העניינים), מחילים את הערך 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}

התאמה אישית של טקסט הכותרות בתוכן העניינים

אם רוצים שהטקסט של תוכן העניינים יהיה שונה מהכותרת בפועל (כמו הקטע הזה!), צריך להגדיר מאפיין data-text בכותרת:

כותרת 2

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

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

הכללת כותרות בטבלאות בתוכן העניינים

אפשר גם להוסיף את הערך <h2> או <h3> לכותרת הטבלה (<th>) כדי לאלץ את הטבלה להופיע בתוכן העניינים. בכותרת של טבלה, התגים <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.

כותרת ממוספרת

תוכן מורכב שמורכב מפסקה, רשימות, טבלאות, תמונות, סרטונים, ווידג'טים.

כותרת משנה עם מספר

תוכן מורכב שמורכב מפסקה, רשימות, טבלאות, תמונות, סרטונים, ווידג'טים.

כותרת משנה עם מספר

תוכן מורכב שמורכב מפסקה, רשימות, טבלאות, תמונות, סרטונים, ווידג'טים.

כותרת משנה עם מספר

תוכן מורכב שמורכב מפסקה, רשימות, טבלאות, תמונות, סרטונים, ווידג'טים.