مفهوم العناصر النصية في لغة البرمجة HTML

اقرأ في هذا المقال


مفهوم العناصر النصية في لغة البرمجة HTML

هناك العديد من الكلمات الرئيسية في لغة البرمجة (HTML) والتي تحدد كيف سيقوم متصفح الويب بتنسيق المحتوى النصي وعرضه، حيث تستخدم هذه العناصر لإضفاء معنى أو بُنية أو تنسيق إلى كلمة أو سطر أو أي نص مكتوب بلغة البرمجة (HTML)، وفيما يلي جدول يحتوي على أهم هذه العناصر النصية وأهم استخداماتها:

العنصر النصيالاستخدام
<code>يمثل هذا العنصر النصي جزء من شيفرة برمجية، ويُعرَض بشكل افتراضي باستخدام الخط ذي العرض الثابت الذي يستعمله المتصفح.
<data>يقوم هذا العنصر بعملية الربط بين محتوى العنصر وقيمة معينة سهلة القراءة.
<br>يؤدي هذا العنصر النصي إلى الانتقال إلى سطرٍ جديد، وهو مفيد عند كتابة قصيدة شعرية أو عنوان ما حيث يكون تقسيم الأسطر مهم.
<bdo>وهو اختصار للعبارة (bidirectional override) حيث يتجاوز اتجاه النص الحالي ويستخدم اتجاه مُحدَّد مسبقاً.
<abbr>يمثل هذا العنصر اختصار لحالة معينة مع وضع وشرح لها،  وعند إضافة الشرح يجب أن تحتوي الخاصية (title) على الشرح الكامل لهذا الاختصار فقط ولا يسمح بأي قيمة أخرى.
<b>تعتبر تمثيل لنص معين يختلف تنسيقه عن تنسيق النص العادي، ويُعرَض عادةً بخط عريض (bold).
<wbr>يتم تعريف هذا العنصر لقسم السطر عند الحاجة، حيث يرمز اسم هذا العنصر إلى (Word Break Opportunity)، أي أنه يُسمَح للمتصفح أن يقوم بقسم السطر عند هذا الموضع على الرغم من أن قواعد قسم السطر لا تسمح بإنشاء سطر جديد في هذا الموضع.
<var>يمثل هذا التعبير النصي متغير في تعبيرٍ رياضي أو في شيفرة برمجية.
<time>يستخدم هذا التعبير النصي لتمثيل الوقت بنظام (24) ساعة أو التاريخ الدقيق باستخدام التقويم الميلادي ويمكن إضافة الوقت أو معلومات المنطقة الزمنية بشكل اختياري.
<dfn>يعتبر هذا التعبير النصي تمثيل تعريف لأحد المصطلحات في أوّل مرة يرد فيها.
<kbd>يمثل هذا التعبير النصي تمثيل لمدخلات المستخدم ويؤدي إلى عرض النص بالخط ذي العرض الثابت الافتراضي الذي يستعمله المتصفح.
<mark>
يُستخدم هذا العنصر النصي لتعليم (highlight) جزء من النص لغرض الإشارة إليه لأن له أهمية في إطار معيّن، فعلى سبيل المثال يمكن أن يستعمل لتعليم كل مرة ترد فيها كلمة مفتاحية في عبارة البحث في صفحة النتائج.

المصدر: HTML Element ReferenceHTML - Tag ReferenceHTML ReferenceHTML elements reference


شارك المقالة: