تطوير البرمجيات · مصطلحات · تطوير الويب وتطبيقات الأجهزة المحمولة والواجهات

ما معنى semantic HTML؟

المعنى في مجال تطوير البرمجيات مع أمثلة

اسممصطلح شائع

semantic HTML: HTML دلالي، HTML ذو معنى بنيوي

استخدام عناصر HTML وفق معانيها، مثل nav وmain وarticle وbutton، بدلًا من استخدام div وspan العامة لكل شيء.

طريقة الاستخدام

يظهر هذا المفهوم في مراجعات الشيفرة وأعمال إتاحة الوصول؛ إذ يزوّد HTML الدلالي قارئات الشاشة ومحركات البحث والمتصفحات بمعلومات مفيدة تلقائيًا. ويُطلق مازحًا على نقيضه اسم «حساء div».

أمثلة

  1. Replace the clickable div with a real button; semantic HTML gives you keyboard support for free.

    استبدل div القابل للنقر بزر حقيقي؛ فـHTML الدلالي يوفّر دعم لوحة المفاتيح تلقائيًا.

    عنصر الزر الأصلي يعمل بلوحة المفاتيح ويُعلن عن وظيفته للتقنيات المساعدة من دون حلول إضافية.

  2. Good semantic HTML makes the page easier to style and easier to test.

    يجعل HTML الدلالي الجيد تنسيق الصفحة واختبارها أسهل.

    العناصر التي تعبّر عن الغرض بوضوح تجعل بنية الصفحة أكثر قابلية للفهم والتعامل في الأنماط والاختبارات.

تراكيب شائعة

  • semantic elements
  • semantic markup
  • landmark elements
  • div soup

معنى الكلمة في مجالات أخرى

قد يختلف معنى الكلمة الإنجليزية نفسها من مجال إلى آخر:

مصطلحات أخرى: تطوير الويب وتطبيقات الأجهزة المحمولة والواجهات

تدرّب على القراءة المتدرجة

تساعدك القراءة بالمستوى المناسب على تثبيت المفردات الجديدة. اختر كتبًا إنجليزية مجانية: