الفرق بين المراجعتين ل"HTML/samp"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
ط (استبدال النص - ':(Content sectioning|Edits|Embedded content|Forms|Inline text semantics|Input Types|Interactive elements|Main Root|Metadata|Multimedia|Scripting|Table|Text Content)' ب':HTML $1')
(إضافة قسمين ومثال)
 
(مراجعة متوسطة واحدة بواسطة نفس المستخدم غير معروضة)
سطر 4: سطر 4:
 
مثال عن استخدام العنصر <code><nowiki><samp></nowiki></code> لعرض نص عادي ثم ناتج أحد البرامج ثم نص عادي:
 
مثال عن استخدام العنصر <code><nowiki><samp></nowiki></code> لعرض نص عادي ثم ناتج أحد البرامج ثم نص عادي:
 
<syntaxhighlight lang="html">
 
<syntaxhighlight lang="html">
<p>The diet-tracking app said: <samp>You're not eating your veggies</samp> and that was true</p>
+
<p>
 +
  عند كتابة أمر غير متوفر في سطر الأوامر، ستظهر الرسالة
 +
  <samp>command not found</samp>.
 +
</p>
 
</syntaxhighlight>
 
</syntaxhighlight>
  
 +
== بطاقة العنصر ==
 
{| class="wikitable" style="width: 100%;"
 
{| class="wikitable" style="width: 100%;"
 
|-
 
|-
سطر 43: سطر 47:
 
يمكن استخدام [[HTML/Global Attributes|الخاصيات العامة]] في هذا العنصر.
 
يمكن استخدام [[HTML/Global Attributes|الخاصيات العامة]] في هذا العنصر.
  
== ملاحظات ==
+
== التنسيق الافتراضي ==
يمكن استخدام قاعدة CSS للمُحدِّد <code>samp</code> لتغيير الخط الافتراضي الذي يُعرَض فيه هذا العنصر.
+
تعرض أغلبية المتصفحات العنصر <code><nowiki><samp></nowiki></code> مع تغيير عائلة الخط <code>[[CSS/font-family|font-family]]</code> إلى خطٍ ذي عرضٍ ثابت <code>monospace</code>:<syntaxhighlight lang="css">
 +
samp {
 +
  font-family: monospace;
 +
}
 +
</syntaxhighlight>يمكن استخدام قاعدة [[CSS]] للمُحدِّد <code>samp</code> لتغيير الخط الافتراضي الذي يُعرَض فيه هذا العنصر.
  
 
==مصادر ومواصفات==
 
==مصادر ومواصفات==
سطر 50: سطر 58:
 
*مواصفة [http://www.w3.org/TR/html5/text-level-semantics.html#the-samp-element HTML5].
 
*مواصفة [http://www.w3.org/TR/html5/text-level-semantics.html#the-samp-element HTML5].
 
*مواصفة [http://www.w3.org/TR/html401/struct/text.html#h-9.2.1 HTML 4.01].
 
*مواصفة [http://www.w3.org/TR/html401/struct/text.html#h-9.2.1 HTML 4.01].
[[تصنيف:HTML]]
+
[[تصنيف:HTML|{{SUBPAGENAME}}]]
[[تصنيف:HTML Elements]]
+
[[تصنيف:HTML Elements|{{SUBPAGENAME}}]]
[[تصنيف:HTML Inline text semantics]]
+
[[تصنيف:HTML Inline text semantics|{{SUBPAGENAME}}]]

المراجعة الحالية بتاريخ 09:43، 19 فبراير 2018

الغرض من العنصر <samp> هو إظهار جزء من ناتج برنامج حاسوبي، ويُعرَض محتوى هذا العنصر عادةً بخطٍ ذي عرضٍ ثابت (monospace).

مثال عن استخدام العنصر <samp> لعرض نص عادي ثم ناتج أحد البرامج ثم نص عادي:

<p>
  عند كتابة أمر غير متوفر في سطر الأوامر، ستظهر الرسالة
  <samp>command not found</samp>.
</p>

بطاقة العنصر

تصنيفات المحتوى عنصر تنظيمي أو عنصر عادي.
المحتوى المسموح محتوى عادي.
الوسم المختصر لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب أي عنصر يقبل المحتوى العادي.
واجهة DOM HTMLElement

دعم المتصفحات

Chrome Firefox Edge Safari Opera
مدعوم مدعوم مدعوم مدعوم مدعوم

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

التنسيق الافتراضي

تعرض أغلبية المتصفحات العنصر <samp> مع تغيير عائلة الخط font-family إلى خطٍ ذي عرضٍ ثابت monospace:

samp {
  font-family: monospace;
}

يمكن استخدام قاعدة CSS للمُحدِّد samp لتغيير الخط الافتراضي الذي يُعرَض فيه هذا العنصر.

مصادر ومواصفات