في ما يلي مثال على فقرة Markdown تتضمّن سمات HTML مخصّصة:
class وid وattribute='value'.
موضع إعلان
هذه فقرة مخصصة لـ Markdown تتضمن سمة class مخصصة تحمل الاسم .LongFoo.
كما تتضمّن أيضًا سمة id مخصّصة باسم #next-line كي تتمكن
من الربط بها مباشرة. ويتم تحديد هذه السمات في السطر التالي.
هذه فقرة مخصصة لـ Markdown تتضمن سمة 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 في سطر ثانٍ | الرأس 2 تابع في سطر ثانٍ |
|---|---|
| تمت متابعة الخلية 1 في سطر ثانٍ | تمت متابعة الخلية 2 في سطر ثانٍ |