ما هو ما قبل في أنماط CSS؟ دور العلامات البرمجية للالتفاف المسبق في HTML

نحن نستخدمموقع ووردبريستحتاج إلى تعلم بعض أساسيات CSS و HTML:

• نظرًا لملفات نمط CSS لبعض سمات WordPress ، لا تتم إضافة أنماط علامة التعليمات البرمجية والسابقة.
• تدعم معظم المتصفحات حاليًاعلامة.

HTML  مثال التسمية

التالي هو نمط CSS للعلامة المسبقة (والذي يمكنه أن يلتف كود html تلقائيًا) ▼

pre {
border: 1px solid #d1d1d1;
line-height: 190%;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 15px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

التالي هو نمط CSS لعلامة الكود ▼

code {
background: #f1f1f1;
color: #555;
margin: 0 2px;
padding: 2px 4px;
border-radius: 2px;
}

كيفية استخدام:

• يرجى نسخ علامات CSS أعلاه إلى قالب WordPress style.css في الملف.

وظيفة العلامات المسبقة لـ HTML وتعليمات الاستخدام

• تحدد التسميات النص المنسق مسبقًا.
• في عناصر الترميز ، يترك النص المحتوي عادةً مسافات وفواصل أسطر.
• سيتم عرض النص أيضًا بخط أحادي المسافة.

غالبًا ما يتم标记结合使用，以获得更精确的语义，用于标记需要在页面中呈现的源代码。

إذا كنت تريد وضع تنسيق النص المحدد في HTML ، فأنت بحاجة إلى الاستفادة من سمة العنصر البادئة.

نصائح وإرشادات

ملحوظة:الاستخدام الشائع للعلامات هو تمثيل التعليمات البرمجية المصدر لجهاز الكمبيوتر.

الاختلافات بين HTML 4.01 و HTML5

في HTML 4.01 ، تم إهمال سمة "العرض" ولا يمكن استخدامها. لا يدعم HTML5 سمة "العرض".

السمة

وصف قيمة العقار

• لا يدعم عرض رقم HTML5 هذه السمة.
• تم إهمال هذه السمة في HTML 4.01.
• يحدد الحد الأقصى لعدد الأحرف في كل سطر (عادةً 40,80 أو 132 أو XNUMX).

الخصائص العالمية

• <pre>يدعم التوصيف السمات العامة ، وشاهد سمات HTML العامة لورقة الخصائص الكاملة.

خصائص الحدث

• تدعم العلامات جميع سمات أحداث HTML.