Η κορυφαία επικεφαλίδα μιας σελίδας DevSite πρέπει να είναι <h1> . Το σώμα της σελίδας δεν πρέπει να περιέχει άλλο <h1> για να αποφευχθεί η σύγχυση των μη οπτικών προγραμμάτων περιήγησης. Το εργαλείο nbgenerate μετατρέπει περιεχόμενο και πρότυπα DevSite HTML και Markdown σε σημειωματάρια Jupyter συμβατά με 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).

Απόκρυψη επικεφαλίδων από το 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}

Προσαρμόστε το κείμενο επικεφαλίδας στο 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.

Αριθμημένη επικεφαλίδα

Πολύπλοκο περιεχόμενο που αποτελείται από παραγράφους, λίστες, πίνακες, εικόνες, βίντεο, γραφικά στοιχεία.

Αριθμημένη διάκριση

Πολύπλοκο περιεχόμενο που αποτελείται από παραγράφους, λίστες, πίνακες, εικόνες, βίντεο, γραφικά στοιχεία.

Αριθμημένη διάκριση

Πολύπλοκο περιεχόμενο που αποτελείται από παραγράφους, λίστες, πίνακες, εικόνες, βίντεο, γραφικά στοιχεία.

Αριθμημένη διάκριση

Πολύπλοκο περιεχόμενο που αποτελείται από παραγράφους, λίστες, πίνακες, εικόνες, βίντεο, γραφικά στοιχεία.