HTMLالوسم <samp>
- تعريفه
- دعم المتصفحات
- خصائصه
- إستخدامه
- تصميمه الإفتراضي
- نصائح و ملاحظات
تعريفه
نستخدم الوسم <samp> على هذا النحو <samp>text</samp> لعرض مخرجات البرامج في الصفحة بشكل متميز عن باقي الكلام.
مكان الكلمة text نمرر النص الذي نريده أن يظهر كنص من برنامج ما.
دعم المتصفحات
الجدول التالي يظهر المتصفحات التي تدعم الوسم <samp>.
| Chrome | Edge | Firefox | Opera | Safari | Android Webview |
Chrome for Android |
Firefox for Android |
Opera for Android |
Safari for IOS |
Samsung Internet |
| مدعوم | 12 | 1 | مدعوم | مدعوم | مدعوم | مدعوم | 4 | مدعوم | مدعوم | مدعوم |
خصائصه
لا يملك أي خصائص تم إعدادها خصيصاً له.
إستخدامه
في المثال التالي قمنا بوضع الكلام الذي هو عبارة رسالة خطأ من برنامج بداخل <code> </code> حتى يظهر بشكل مختلف عن النص العادي.
مثال
<p>My computer show me this alert:</p>
<p><samp>Error code: 0x80070043<br>The network name cannot be found.</samp></p>
<p>My computer show me this alert:</p>
<p><samp>Error code: 0x80070043<br>The network name cannot be found.</samp></p>
تصميمه الإفتراضي
بشكل عام جميع المتصفحات تعرضه بالتنسيق التالي.
samp {
font-family: monospace;
}
samp {
font-family: monospace;
}
نصائح و ملاحظات
يمكنك وضع الوسم <kbd> بداخل الوسم <samp> في حال أردت عرض مخرجات البرامج و بنفس الوقت ما قام المستخدم بإدخاله في فيها.
في المثال التالي قمنا بعرض مخرجات برنامج موجه الأوامر في الحاسوب بواسطة الوسوم <pre> و <kbd> و <samp> و <span> مع تحسين تصميمها بواسطة CSS.
مثال
.prompt {
color: #b00;
}
samp > kbd {
font-weight: bold;
}
.cursor {
color: #00b;
}
.prompt {
color: #b00;
}
samp > kbd {
font-weight: bold;
}
.cursor {
color: #00b;
}
