عرض مصدر HTML/pre

<noinclude>{{DISPLAYTITLE:العنصر <code>&lt;pre&gt;</code>}}</noinclude>
يُمثِّل العنصر <code><nowiki><pre></nowiki></code> نصًا منسقًا مسبقًا (preformatted text)، والنص الموجود داخل هذا العنصر يُعرَض بخطٍ ذي عرضٍ ثابت (monospaced font) كما هو مكتوب في الملف المصدري تمامًا، وستُعرَض الفراغات الموجودة كما هي.

مثال عن استخدام العنصر <code><nowiki><pre></nowiki></code> لعرض شيفرة CSS بسيطة: <syntaxhighlight lang="html">
<!-- شيفرة CSS -->
<pre>
body {
  color:red;
}
</pre>

</syntaxhighlight>

== بطاقة العنصر ==
{| class="wikitable" style="width: 100%;"
|-
! scope="row" style="width: 20%;" | تصنيفات المحتوى
| محتوى تنظيمي.
|-
! scope="row" | المحتوى المسموح
| محتوى عادي.
|-
! scope="row" | الوسم المختصر
| لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
|-
! scope="row" | العناصر الأب
| أي عنصر يقبل المحتوى التنظيمي.
|-
! scope="row" | واجهة DOM
| <code>HTMLPreElement</code>
|}

== دعم المتصفحات ==
{| class="wikitable" style="width: 50%;"
 !| Chrome
 ! Firefox
 ! Edge
 ! Safari
 ! Opera
|-
|مدعوم
|مدعوم
|مدعوم
|مدعوم
|مدعوم
|}

== الخاصيات ==
يمكن استخدام [[HTML/Global Attributes|الخاصيات العامة]] في هذا العنصر.

أصبحت الخاصيتان <code>cols</code> و <code>width</code> (اللتان تحددان العدد الأمثل للمحارف في السطر) مهملتين في HTML5 ولا يجب استخدامهما في الصفحات الحديثة.

== التنسيق الافتراضي ==
أغلبية المتصفحات تعرض العنصر <code><nowiki><pre></nowiki></code> مع ضبط الخاصية <code>[[CSS/display|display]]</code> إلى <code>block</code>، والخاصية <code>[[CSS/font-family|font-family]]</code> إلى <code>monospace</code> (خط ذو عرض ثابت)، والخاصية <code>[[CSS/white-space|white-space]]</code> إلى <code>pre</code>، وجعل الهامش <code>[[CSS/margin|margin]]</code> العلوي والسفلي مساويًا إلى <code>1em</code> والهامش الأيمن والأيسر مساويًا إلى <code>0</code>:<syntaxhighlight lang="css">
pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
}
</syntaxhighlight>

==مصادر ومواصفات==
*معيار [https://html.spec.whatwg.org/multipage/semantics.html#the-pre-element HTML Living Standard].
*مواصفة [http://www.w3.org/TR/html5/grouping-content.html#the-pre-element HTML5].
*مواصفة [http://www.w3.org/TR/html401/struct/text.html#h-9.3.4 HTML 4.01]، أهملت هذه المواصفة الخاصية <code>cols</code>.
[[تصنيف:HTML|{{SUBPAGENAME}}]]
[[تصنيف:HTML Elements|{{SUBPAGENAME}}]]
[[تصنيف:HTML Text Content|{{SUBPAGENAME}}]]