٦ أخطاء تجنبها عند كتابة صفحات HTML

لغة HTML هي لغة توصيف لعناصر الصفحة. لذلك لابد أن تحاول استخدام العنصر المناسب للمحتوى. ولكن الكثير من المصممين ومطوري الويب يقعون في أخطاء من ناحية الـ HTML Semantics. والآن دعونا نبدأ بأول خطأ.

عدم وجود Main في صفحة الويب 🔗

مطورين صفحات الويب ينسون وجود وسم main ويستخدمون div بدلاً منه. ولكن يتسبب ذلك في اعتقاد التكنولوجيا المساعدة لذوي الإحتياجات الخاصة في عدم القدرة على تحديد المحتوى الرئيسي لصفحة الويب.

لذلك لا تستخدم هذا الكود

<div class="main-content"> </div>

ولكن استخدم هذا الكود

<main class="main-content"> </main>

خاصية alt مخصصة لوصف الصورة 🔗

اهتم بكتابة وصف للصورة الموجودة وليس مجرد كتابة أى شئ في الـ alt الخاص بالصورة. مثال:

<img src="football.jpg" alt="team of 11 players playing football in stadium"/>

لا تستخدم div للفقرات النصية 🔗

استخدم div لضم الوسوم المتقاربة في container واحد بغرض التنظيم. ولكن لا تستخدم div لإحتواء النصوص. استخدم وسم p للفقرات النصية. واستخدم وسم span مع الفقرات النصية القصيرة جداً.

لا تستخدم العناصر الفارغة 🔗

يستخدم البعض العناصر الفارغة لكي يضيفوا شكل جمالي من خلال تنسيقات CSS للعنصر الفارغ. ولكن الصح أن يستخدم المصمم ::before و ::after للقيام بذلك.

استخدم svg بدلاً من خطوط الأيقونات 🔗

بدلاً من أن تستخدم fontawesome لإضافة أيقونات لصفحة الويب وتظهر مكان الأيقونة فارغ وتنتظر حتي يتم تحميل خط الأيقونات، استخدم svg مباشرةً. هذا أفضل لسرعة صفحات الموقع وأفضل لتجربة الإستخدام.

إن كنت تنصح بقراءة هذا المقال ؟ شاركه على مواقع التواصل الإجتماعي. لمزيد من المعلومات عن البرمجة ولينكس وأندرويد وويندوز وماك وآيفون وتصميم المواقع، ابحث عن “ موقع أبانوب حنا للبرمجيات” على جوجل وادخل للموقع وستجد موضوع جديد يشرح فكرة أو معلومة جميلة ومفيدة كل يوم.