HTML الدلالية

ما هي HTML الدلالية؟

HTML الدلالية هي لغة ترميز تستخدم عناصر ذات معنى لوصف محتوى الصفحة بدلاً من مظهرها. تساعد على إنشاء صفحات ويب يمكن الوصول إليها وسهلة الصيانة ويمكن فهمها بواسطة كل من المتصفحات وشاشات القراءة.

خطوات عملية لكتابة HTML الدلالي:

• استخدم عناصر ذات معنى: استخدم عناصر HTML التي تصف المحتوى بدقة، مثل <h1> للعناوين و<p> للفقرات.
• امنح العناصر هيكلًا ثابتًا: استخدم عناصر الترتيب مثل <header> و<footer> لتحديد مناطق مختلفة من الصفحة.
• استخدم أدوات الوصول: أضف سمات alt إلى الصور وسمات title إلى الروابط لجعلها أكثر سهولة في الوصول إليها.

مثال على استخدام HTML الدلالي:

HTML:

<h1>عنوان الصفحة</h1>
<p>هذه الفقرة تحتوي على محتوى الصفحة.</p>

CSS:

h1 {
  font-size: 24px;
  font-weight: bold;
}

p {
  font-size: 16px;
  line-height: 1.5em;
}

الفوائد:

• إمكانية الوصول: تساعد HTML الدلالية شاشات القراءة على فهم محتوى الصفحة بشكل أفضل.
• الصيانة: يسهل فهم الهيكل الدلالي للصفحة والصيانة.
• المظهر: يمكن أن تتحكم أوراق الأنماط في مظهر الصفحة، مما يفصل المحتوى عن العرض.