Προσαρμοσμένα χαρακτηριστικά HTML

Αυτό είναι ένα παράδειγμα παραγράφου Markdown με προσαρμοσμένα χαρακτηριστικά HTML: class , id και attribute='value' .

Τοποθέτηση

Αυτή είναι μια παράγραφος Markdown με ένα χαρακτηριστικό προσαρμοσμένης class που ονομάζεται .LongFoo . Έχει επίσης ένα προσαρμοσμένο χαρακτηριστικό id που ονομάζεται #next-line ώστε να μπορείτε να συνδεθείτε απευθείας σε αυτό . Αυτά τα χαρακτηριστικά καθορίζονται στην επόμενη γραμμή.

Αυτή είναι μια παράγραφος Markdown με ένα χαρακτηριστικό προσαρμοσμένης class που ονομάζεται .LongFoo . Έχει επίσης ένα προσαρμοσμένο χαρακτηριστικό id που ονομάζεται #same-line ώστε να μπορείτε να συνδεθείτε απευθείας σε αυτό . Αυτά τα χαρακτηριστικά καθορίζονται στην ίδια γραμμή.

Αυτή η παράγραφος Markdown δεν περιέχει προσαρμοσμένα χαρακτηριστικά. Υπάρχουν προσαρμοσμένα χαρακτηριστικά που καθορίζονται στην επόμενη παράγραφο, αλλά δεν θα εφαρμοστούν σε αυτήν την παράγραφο επειδή προηγούνται κενή γραμμή. Η ακόλουθη παράγραφος έχει ένα χαρακτηριστικό class που ονομάζεται .LongFoo . Έχει επίσης ένα προσαρμοσμένο χαρακτηριστικό id που ονομάζεται #blank-line , αλλά δεν θα συνδέεται απευθείας με αυτό .

Ο κώδικας εκτείνεται

Αυτό code span έχει ένα χαρακτηριστικό προσαρμοσμένης class με το όνομα .CSFoo που ακολουθεί αμέσως το κλείσιμο πίσω χωρίς κενό ενδιάμεσο.

Μπλοκ κωδικών

Το παρακάτω είναι ένα παράδειγμα ενός προσαρμοσμένου χαρακτηριστικού id που ονομάζεται #mysample σε ένα μπλοκ κώδικα, ώστε να μπορείτε να συνδεθείτε απευθείας σε αυτό :

print('hello world')

Επικεφαλίδες

Για να εφαρμόσετε ένα προσαρμοσμένο χαρακτηριστικό σε μια επικεφαλίδα (ή σε οποιοδήποτε στοιχείο εκτός από μια παράγραφο), τοποθετήστε το χαρακτηριστικό στο τέλος της γραμμής.

Επικεφαλίδα με χαρακτηριστικό class

Αυτή η επικεφαλίδα έχει ένα χαρακτηριστικό προσαρμοσμένης class που ονομάζεται .customClass που καθορίζεται στην ίδια γραμμή με την επικεφαλίδα.

Κατεύθυνση με επώνυμη άγκυρα

Αυτή η επικεφαλίδα έχει ένα προσαρμοσμένο χαρακτηριστικό id που ονομάζεται #named-heading το οποίο επίσης καθορίζεται στην ίδια γραμμή με την επικεφαλίδα, ώστε να μπορείτε να συνδεθείτε απευθείας με αυτό .

Εδαφος διά παιγνίδι γκολφ

Αυτό είναι ένα παράδειγμα ενσωματωμένου συνδέσμου με χαρακτηριστικό title . Η συμβουλή εργαλείου Now you see me εμφανίζεται όταν τοποθετείτε το δείκτη του ποντικιού πάνω από τον σύνδεσμο.

Αυτό είναι ένα παράδειγμα άλλου ενσωματωμένου συνδέσμου που δεν έχει χαρακτηριστικό title . Δεν εμφανίζεται κείμενο όταν τοποθετείτε το δείκτη του ποντικιού πάνω από τον σύνδεσμο.

Κονίστρα

Το παρακάτω είναι ένα παράδειγμα λίστας που χρησιμοποιεί προσαρμοσμένα χαρακτηριστικά:

• Αυτό το στοιχείο λίστας έχει ένα χαρακτηριστικό προσαρμοσμένης class που ονομάζεται .ListFoo και ένα προσαρμοσμένο χαρακτηριστικό id με το όνομα #first-item .
• Αυτό το στοιχείο λίστας έχει ένα προσαρμοσμένο χαρακτηριστικό id που ονομάζεται #second-item .

Το προσαρμοσμένο id για κάθε στοιχείο λίστας σάς επιτρέπει να συνδεθείτε απευθείας με το πρώτο στοιχείο λίστας και το δεύτερο στοιχείο λίστας .

Πίνακες

Αυτός ο πίνακας έχει ένα χαρακτηριστικό προσαρμοσμένης class που ονομάζεται .TableFoo στο τέλος της σειράς κεφαλίδας.

Αυτός ο πίνακας πολλών γραμμών έχει ένα προσαρμοσμένο χαρακτηριστικό id που ονομάζεται #multi-line στο τέλος της σειράς κεφαλίδας, ώστε να μπορείτε να συνδεθείτε απευθείας στον πίνακα .