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

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

يُمثِّل العنصر <code> جزءًا من شيفرة برمجية، ويُعرَض افتراضيًا باستخدام الخط ذي العرض الثابت الذي يستعمله المتصفح.

مثال عن استخدام العنصر <code> في فقرة نصيّة عادية:

<p>تحتوي موسوعة حسوب على العنصر <code>&lt;code&gt;</code> بكثرة.</p>

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

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

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

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

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

code {
  font-family: monospace;
}

@@ سطر 4: / سطر 4: @@
 مثال عن استخدام العنصر <code><nowiki><code></nowiki></code> في فقرة نصيّة عادية:
 <syntaxhighlight lang="html">
-<p>This is how we declare a Javascript variable:<br/>
+<p>تحتوي موسوعة حسوب على العنصر <code>&lt;code&gt;</code> بكثرة.</p>
-<code>var i = 0;</code>
-</p>
 </syntaxhighlight>
+== بطاقة العنصر ==
 {| class="wikitable" style="width: 100%;"
 |-
@@ سطر 45: / سطر 44: @@
 == ملاحظات ==
-يمكن ضبط قاعدة CSS على المُحدِّد <code>code</code> لتغيير الخط المستعمل لعرض هذا العنصر.
+يمكن ضبط قاعدة [[CSS]] على المُحدِّد <code>code</code> لتغيير الخط المستعمل لعرض هذا العنصر.
+== التنسيق الافتراضي ==
+تعرض أغلبية المتصفحات العنصر <code><nowiki><code></nowiki></code> مع تغيير عائلة الخط <code>[[CSS/font-family|font-family]]</code> إلى خطٍ ذي عرضٍ ثابت <code>monospace</code>:<syntaxhighlight lang="css">
+code {
+  font-family: monospace;
+}
+</syntaxhighlight>
 ==مصادر ومواصفات==