أساس كل موقع هو HTML - فهي اللغة الأساسية لهيكلة وتقديم المحتوى على صفحات الويب.
ومع ذلك ، يمكن حتى لمبرمجي HTML المخضرمين ارتكاب أخطاء بسيطة تؤدي إلى مواقع ويب غير محسّنة بشكل جيد. ويمكن أن تؤدي مثل هذه الأخطاء إلى حدوث مشكلات في الأداء وسهولة الاستخدام وإمكانية الوصول.
اجعل فيديو اليوم قم بالتمرير للمتابعة مع المحتوى
للمساعدة في تجنبها ، حاول دراسة أخطاء HTML الشائعة التالية واكتشف نصائح حول كيفية منعها.
ميزة التحديث إلى Windows 10 ، الإصدار 1703 - خطأ 0x80240fff
1. استخدام عناصر HTML المهملة
لقد تغيرت لغة HTML بمرور الوقت ، لذا أصبحت بعض العناصر والسمات زائدة عن الحاجة الآن. لا تدعم المتصفحات الحديثة العناصر والسمات المهملة ، ويمكن أن يؤثر استخدامها سلبًا على سرعة موقع الويب الخاص بك.
ال <مركز> علامة لتوسيط النص ، فإن علامة لتنسيق النص ، و <ضربة> تعد علامة النص الذي يتوسطه خط من أكثر عناصر HTML التي يتم إهمالها بشكل متكرر. يجب عليك استخدام المعادلات الحديثة لهذه المكونات.
على سبيل المثال ، يمكنك استخدم CSS لتوسيط المحتوى ، بدلا من <مركز> بطاقة شعار. بالإضافة إلى ذلك ، يمكنك تعيين أنماط الخطوط باستخدام CSS بدلاً من تنسيق بطاقة شعار.
2. لا تشمل النص البديل
بينما تعد الصور عنصرًا مهمًا في التصميم عبر الإنترنت ، لا يمكن للمشاهدين الذين يعانون من إعاقات بصرية رؤيتها. على هذا النحو ، يجب أن تضيف نص بديل وصفي إلى الصور لتسهيل الوصول إليها.
يسمح النص البديل لمحركات تحويل النص إلى كلام بقراءة وصف الصورة للمستخدمين. لا يقتصر الأمر على برامج قراءة الشاشة فحسب ؛ يمكن أن يفيد النص البديل تحسين محرك البحث. ستعرض معظم المتصفحات أيضًا نصًا بديلًا في حالة فشل تحميل الصورة.
3. التعشيش غير المناسب لعناصر HTML
لضمان الكود المقبول والتشغيل الصحيح لموقع الويب ، يجب أن تتداخل عناصر HTML بشكل صحيح. قد يكون للتداخل غير الكافي تأثيرات غير متوقعة ، بما في ذلك التخطيطات المعطلة والمحتوى المفقود والروابط المعطلة.
ماذا تفعل إذا تم اختراق هاتفك
على سبيل المثال ، يجب عليك إغلاق كل علامة div قبل فتح علامة جديدة. وبالمثل ، لا يجب أبدًا استخدام ملف <هذا> علامة خارج قائمة مرتبة أو غير مرتبة.
4. الإفراط في استخدام علامات div
تعد علامة 'div' عنصر HTML مرنًا يستخدم لتجميع المحتوى وتصميمه. ومع ذلك ، قد يؤدي الاستخدام المفرط لهذه العلامة إلى سوء تنظيم موقع الويب ويجعل صيانة الكود أمرًا صعبًا.
يجب عليك استخدام عناصر HTML الدلالية التي تعطي معنى المحتوى بدلاً من علامات div لكل شيء. يمكنك استخدام ال <رأس> علامة لرأس بدلاً من علامة div. وبالمثل ، يجب عليك استخدام ملف <بلا> علامة لشريط التنقل بدلاً من بدون استخدام العناصر الدلالية مثل قد يحتل موقع الويب الخاص بك أيضًا مرتبة أقل في صفحات نتائج محرك البحث (SERPs) إذا واجهت محركات البحث مشكلة في فهرسة المحتوى. يمكنك تطبيق أنماط CSS المضمنة مباشرةً على عنصر HTML باستخدام سمة النمط. في حين أن هذه الأنماط مفيدة لإجراء تغييرات سريعة ، إلا أن استخدامها بشكل مفرط قد يجعل من الصعب الحفاظ على الشفرة ويضر بكفاءة موقع الويب. وبالتالي ، يجب عليك استخدام ملفات CSS الخارجية التي تطبق الأنماط على موقع الويب بشكل عام بدلاً من الأنماط المضمنة. تعمل على تحسين أداء موقع الويب عن طريق تقليل الشفرة المرسلة إلى المتصفح وتبسيط صيانة موقع الويب أيضًا. التصميم المتجاوب هو استراتيجية تصميم ويب تمكّن مواقع الويب من التكيف مع مختلف أحجام الشاشات والأجهزة. هذا النهج هو ضروري ل تعزيز الوصول إلى موقع الويب وتجربة المستخدم ، في ضوء الاستخدام المتزايد للأجهزة المحمولة. يجب عليك استخدام استعلامات وسائط CSS لتطبيق أنماط مختلفة بناءً على حجم شاشة الجهاز. يعمل هذا على تحسين تجربة المستخدم لأنه يجعل موقع الويب متاحًا على أجهزة مختلفة. يجب أن يبدأ تطوير الويب بالتحقق من صحة HTML لضمان خلو الكود من الأخطاء ومتوافقًا مع معايير الويب. يمكن أن ينتج عن HTML غير الصالح تخطيطات معطلة ومحتوى مفقود وروابط معطلة والعديد من المشكلات الأخرى. يجب عليك استخدام مدققات HTML للعثور على الأخطاء وتصحيحها في التعليمات البرمجية الخاصة بك. بالإضافة إلى الصحة ، يعمل التحقق أيضًا على تحسين الأداء وإمكانية الوصول وتحسين محرك البحث. مع الميزات الجديدة في الأفق ، يوفر HTML5 و CSS3 للمطورين موارد أكثر من أي وقت مضى لبناء مواقع ويب جذابة. أيضًا ، سيؤدي تطوير معايير الوصول إلى الويب إلى تحسين تجربة المستخدم لذوي الاحتياجات الخاصة. على هذا النحو ، من المهم مواكبة أحدث معايير HTML وأفضل الممارسات إذا كنت ترغب في إنشاء مواقع ويب أفضل وأكثر إبداعًا تلبي احتياجات المستخدم الحالية والمستقبلية. يتيح لك ذلك التعرف على الأخطاء الشائعة التي قد تؤثر سلبًا على عملك وتجنبها. 5. عدم استخدام لغة HTML الدلالية
6. استخدام الأنماط المضمنة بدلاً من CSS
يعمل الكمبيوتر المحمول فقط عند توصيله بالكهرباء
7. عدم استخدام التصاميم سريعة الاستجابة
8. فشل في التحقق من صحة HTML
استخدام لغة HTML و CSS الحديثة