HTMLالوسم <mark>
- تعريفه
- دعم المتصفحات
- خصائصه
- إستخدامه
- تصميمه الإفتراضي
تعريفه
نستخدم الوسم <mark> على هذا النحو <mark> </mark> لتعليم النص بهدف لفت نظر المستخدم إليه.
إفتراضياً النص الذي يتم تعليمه تظهر خلفيته باللون الأصفر و بالطبع يمكن تغيير لون الخلفية بواسطة لغة CSS.
دعم المتصفحات
الجدول التالي يظهر المتصفحات التي تدعم الوسم <mark>.
| Chrome | Edge | Firefox | Opera | Safari | Android Webview |
Chrome for Android |
Firefox for Android |
Opera for Android |
Safari for IOS |
Samsung Internet |
| مدعوم | 12 | 1 | مدعوم | مدعوم | مدعوم | مدعوم | 4 | مدعوم | مدعوم | مدعوم |
خصائصه
لا يملك أي خصائص تم إعدادها خصيصاً له.
إستخدامه
في المثال التالي قمنا بتعليم جزء من الكلام باستخدام <mark>.
المثال الأول
<mark>Fast food</mark> affect your body!
<mark>Fast food</mark> affect your body!
في المثال التالي قمنا بتغيير لون الخلفية الإفتراضي للوسم <mark> بواسطة كود CSS.
المثال الثاني
mark {
background-color: cyan;
padding: 0 5px;
}
mark {
background-color: cyan;
padding: 0 5px;
}
تصميمه الإفتراضي
بشكل عام جميع المتصفحات تعرضه بالتنسيق التالي.
mark {
background-color: yellow;
color: black;
}
mark {
background-color: yellow;
color: black;
}
