זוהי דוגמה לפסקת סימון עם מאפייני HTML מותאמים אישית:
class, id ו-attribute='value'.
מיקום המודעה
זוהי פסקת סימון עם מאפיין class מותאם אישית בשם .LongFoo.
יש לו גם מאפיין id מותאם אישית בשם #next-line, כך שניתן
לקשר אליו ישירות. המאפיינים האלה מצוינים בשורה
הבאה.
זוהי פסקת סימון עם מאפיין class מותאם אישית בשם .LongFoo.
יש לו גם מאפיין id מותאם אישית בשם #same-line, כך שניתן
לקשר אליו ישירות. המאפיינים האלה מצוינים באותה
שורה.
פסקת הסימון הזו לא מכילה מאפיינים מותאמים אישית. יש מאפיינים מותאמים אישית שצוינו בפסקה הבאה, אך לא יחולו על פסקה זו מפני שלפניה מופיעה שורה ריקה. לפסקה הבאה יש מאפיין class בשם .LongFoo. יש לו גם מאפיין
מותאם אישית id בשם #blank-line, אבל הוא לא
יקשר אליו ישירות.
טווחי קוד
ל-code span הזה יש מאפיין class מותאם אישית בשם .CSFoo שמופיע מיד אחרי הסימן לאחור ללא רווח ביניהם.
חסימות קוד
הדוגמה הבאה היא דוגמה למאפיין id בהתאמה אישית בשם #mysample בקטע קוד. כך אפשר לקשר אליו ישירות:
print('hello world')
כותרות
כדי להחיל מאפיין מותאם אישית על כותרת (או על כל רכיב אחר מלבד פסקה), הצב את המאפיין בסוף השורה.
כותרת עם מאפיין מחלקה
לכותרת הזו יש מאפיין class מותאם אישית בשם .customClass שמצוין
באותה שורה של הכותרת.
כותרת עם עוגן בעל שם
לכותרת הזו יש מאפיין id מותאם אישית בשם #named-heading שמצוין גם הוא באותה שורה כמו הכותרת, כדי שניתן יהיה לקשר אותה ישירות.
קישורים
זוהי
דוגמה לקישור מוטבע
עם מאפיין title. ההסבר הקצר עכשיו אני רואה אותך מופיע כשמעבירים את העכבר מעל הקישור.
זוהי דוגמה לקישור מוטבע אחר
שאינו כולל מאפיין title. לא מופיע טקסט כשמעבירים את העכבר
מעל הקישור.
רשימות
לפניכם דוגמה לרשימה שמשתמשת במאפיינים מותאמים אישית:
- לפריט הזה ברשימה יש מאפיין
classמותאם אישית בשם.ListFooומאפיין מותאם אישיתidבשם#first-item. - לפריט זה יש מאפיין מותאם אישית בשם
id, בשם#second-item.
המותאם אישיתid של כל פריט ברשימה מאפשר קישור
פריט ראשון ברשימה והמאפייןפריט שני ברשימה
ישירות.
טבלאות
הטבלה הזו כוללת מאפיין class מותאם אישית בשם .TableFoo בסוף שורת הכותרת.
| כותרת1 | כותרת2 |
|---|---|
| תא 1 | תא 2 |
לטבלה מרובת הקווים יש מאפיין id מותאם אישית בשם #multi-line בסוף שורת הכותרת, כך שאפשר לקשר ישירות לטבלה.
| Header1 המשך בשורה השנייה | Header2 המשך בשורה השנייה |
|---|---|
| תא 1 המשיך בשורה השנייה | תא 2 המשך בשורה השנייה |