8 أخطاء HTML شائعة يجب عليك تجنبها من أجل تطوير ويب أفضل

8 أخطاء HTML شائعة يجب عليك تجنبها من أجل تطوير ويب أفضل
القراء مثلك يساعدون في دعم MUO. عند إجراء عملية شراء باستخدام الروابط الموجودة على موقعنا ، فقد نربح عمولة تابعة. اقرأ أكثر.

أساس كل موقع هو HTML - فهي اللغة الأساسية لهيكلة وتقديم المحتوى على صفحات الويب.





ومع ذلك ، يمكن حتى لمبرمجي HTML المخضرمين ارتكاب أخطاء بسيطة تؤدي إلى مواقع ويب غير محسّنة بشكل جيد. ويمكن أن تؤدي مثل هذه الأخطاء إلى حدوث مشكلات في الأداء وسهولة الاستخدام وإمكانية الوصول.





اجعل فيديو اليوم قم بالتمرير للمتابعة مع المحتوى

للمساعدة في تجنبها ، حاول دراسة أخطاء HTML الشائعة التالية واكتشف نصائح حول كيفية منعها.





ميزة التحديث إلى Windows 10 ، الإصدار 1703 - خطأ 0x80240fff

1. استخدام عناصر HTML المهملة

  لقطة شاشة توضح استخدام عناصر html المهملة

لقد تغيرت لغة HTML بمرور الوقت ، لذا أصبحت بعض العناصر والسمات زائدة عن الحاجة الآن. لا تدعم المتصفحات الحديثة العناصر والسمات المهملة ، ويمكن أن يؤثر استخدامها سلبًا على سرعة موقع الويب الخاص بك.

ال <مركز> علامة لتوسيط النص ، فإن علامة لتنسيق النص ، و <ضربة> تعد علامة النص الذي يتوسطه خط من أكثر عناصر HTML التي يتم إهمالها بشكل متكرر. يجب عليك استخدام المعادلات الحديثة لهذه المكونات.



على سبيل المثال ، يمكنك استخدم CSS لتوسيط المحتوى ، بدلا من <مركز> بطاقة شعار. بالإضافة إلى ذلك ، يمكنك تعيين أنماط الخطوط باستخدام CSS بدلاً من تنسيق بطاقة شعار.

2. لا تشمل النص البديل

  لقطة شاشة تعرض مثالاً على رمز لا يتضمن نصًا بديلًا للصور

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





يسمح النص البديل لمحركات تحويل النص إلى كلام بقراءة وصف الصورة للمستخدمين. لا يقتصر الأمر على برامج قراءة الشاشة فحسب ؛ يمكن أن يفيد النص البديل تحسين محرك البحث. ستعرض معظم المتصفحات أيضًا نصًا بديلًا في حالة فشل تحميل الصورة.

3. التعشيش غير المناسب لعناصر HTML

  تداخل غير صحيح لعناصر HTML

لضمان الكود المقبول والتشغيل الصحيح لموقع الويب ، يجب أن تتداخل عناصر HTML بشكل صحيح. قد يكون للتداخل غير الكافي تأثيرات غير متوقعة ، بما في ذلك التخطيطات المعطلة والمحتوى المفقود والروابط المعطلة.





ماذا تفعل إذا تم اختراق هاتفك

على سبيل المثال ، يجب عليك إغلاق كل علامة div قبل فتح علامة جديدة. وبالمثل ، لا يجب أبدًا استخدام ملف <هذا> علامة خارج قائمة مرتبة أو غير مرتبة.

4. الإفراط في استخدام علامات div

  لقطة شاشة تعرض الإفراط في استخدام علامات div.

تعد علامة 'div' عنصر HTML مرنًا يستخدم لتجميع المحتوى وتصميمه. ومع ذلك ، قد يؤدي الاستخدام المفرط لهذه العلامة إلى سوء تنظيم موقع الويب ويجعل صيانة الكود أمرًا صعبًا.

يجب عليك استخدام عناصر HTML الدلالية التي تعطي معنى المحتوى بدلاً من علامات div لكل شيء. يمكنك استخدام ال <رأس> علامة لرأس بدلاً من علامة div. وبالمثل ، يجب عليك استخدام ملف <بلا> علامة لشريط التنقل بدلاً من

بطاقة شعار.

5. عدم استخدام لغة HTML الدلالية

  لقطة شاشة لكود HTML بدون استخدام العناصر الدلالية

بدون استخدام العناصر الدلالية مثل

،
،