5 أخطاء HTML الشائعة أثناء بناء الموقع
1. إعدادات لون خلفية صفحة الويب
فرصة الخطأ: عالية جدا
عالمية: أوسع
إمكانية ارتكاب أخطاء: كسول/غير متأكد
منذ حوالي عامين ، اكتشفت أنه لم يكن هناك لون خلفية على 21 سم. لقد أبلغتهم باستخدام البريد الإلكتروني ، ولم أواجه هذه المشكلة منذ ذلك الحين.
معظم الأشخاص لديهم ألوان خلفية بيضاء في النوافذ ، ولكن إذا كان شخص مثلي شخصًا ، فسوف يغيرون لون خلفية Windows Windows إلى اللون الرمادي أو ألوان أخرى. وبهذه الطريقة ، إذا لم تقم بتعيين لون خلفية صفحة الويب ، فستظن أن صفحة الويب العادية ستبدو وكأنها فوضى على جهاز الكمبيوتر الخاص بي.
2. إساءة استخدام مركز المحاذاة
احتمال ارتكاب خطأ: مرتفع جدا
عالمية: واسعة جدا
إمكانية ارتكاب الأخطاء: أعتقد أنها مريحة / أعتقد أنه سهل الاستخدام
في العمل ، من الشائع تعديل وصيانة صفحات الويب الخاصة بالأشخاص الآخرين ، ووجدت أن الكثير من الناس لديهم عادة سيئة:
في النص أو الصورة في الجدول ، كيف تجعله مركزًا ، يسارًا أو يمينًا؟
〈div محاذاة = المركز> مرحبا بالجميع! ! 〈/div>
〈div align = center> 〈img src =/xx.gif> 〈/div>
عندما تكون بعض الجداول كثيرة ، تكون النصوص كثيرة ، ويتم تقسيم المحتوى بعناية فائقة ، والأشخاص الذين يحبون استخدام هذه الطريقة (مفتاح الاختصار في DW هو Ctrl+Alt+C ، لا أعرف ما هو FP) غالبًا ما يستخدمونها بعنف. إنه لأمر مؤسف. عندما أواجه صفحة الويب هذه ، لدي صداع. لماذا أحتاج إلى استخدام الكثير من <Div> لتركيبه؟ قل لي لماذا؟ هل ليس لدى الجدول سمة توسيمية؟ لماذا تضيف هذه الرموز غير المرغوب فيها؟ عند تعديله ، لا يمكنك حذف النص أو الصور ومسحه تلقائيًا.
يوصى باستخدام <td align = center> إلى المركز. عند الحاجة إلى تحديد موقع متعددة ، فكر في <div align = center>. نظرًا لأن هذا الرمز ليس من السهل التعامل معه ، لذلك إذا كان بإمكانك استخدام جدول بدلاً من ذلك ، فاستخدم جدولًا بدلاً من ذلك.
3. إعادة استخدام الكود الذي ينفذ نفس الوظيفة ، أو رمز فوضوي
احتمال الخطأ: شائع جدا
عالمية: شائعة جدا
إمكانية ارتكاب الأخطاء: معقدة ومتنوعة
لنلقي نظرة على الكود التالي:
〈center> 〈p> 〈font> 〈font> 〈font color =#cccccc> 〈font color =#ffa76c style = font-size: 14px ؛ font-family: 家家> 〈/font> 〈/font> 〈/font>
〈/center> كيف تعتقد أن مثل هذا الرمز يبدو؟ 〈/font> 〈/p>
لا أعرف ما الذي يشعر به القراء. بمجرد أن أرى مثل هذا الرمز ، سأكون مخدرًا لمدة عشر ثوان. الغرض من هذه الثواني العشر هو العثور على كلمة يمكن أن تعبر عن أفكاري ومشاعري (هل تريد أن تسألني؟ آسف ~~ ، أنا عادة لا أرتكب أي أخطاء ، لأنني أقضي ما لا يقل عن نصف الوقت في تصفح رمز الويب على صفحات الويب ، ويمكنني أن أرى أن هناك الكثير من الأشياء في الكود لا ينبغي أن تكون.).
انظر إلى الكود أعلاه. ويستخدم فئتين و 4 خطوط لتحديد نصين. في الواقع ، غالبًا ما تكون مثل هذه المشكلات ناتجة عن التعديلات المستمرة للناس. الأشخاص الذين ليسوا على دراية بالرمز ، كسولون لعرض الكود ، أو لا يرغبون في عرض الكود ، هذه المشكلات خطيرة بشكل خاص. بالطبع ، في الواقع ، لا توجد مشكلة عندما يتصفح الآخرون صفحة الويب هذه ، ولكن الشخص الذي يحتفظ بها ...
يمكن حذف هذه الرموز غير المرغوب فيها بالكامل. في الواقع ، فإن الأمثلة المذكورة أعلاه ليست خطيرة بما فيه الكفاية ، وقد رأيتها أكثر رعبا.
سؤال آخر يجب ذكره هو 〈p> ... 〈/p> و 〈center> ... 〈/center> ، لماذا استخدامها؟ قل لي لماذا ~~ ، ما هذا:
〈td> 〈div align = center>
〈center>
〈p align = center> 〈/p>
〈p align = center> 〈font> 〈font> 〈font color =#cccccc> 〈font color =#ffa76c style = font-size: 14px ؛ font-family: 家家> 〈/font> 〈/font> 〈/font>
〈/center> 〈/td> كيف تعتقد أن مثل هذا الرمز يبدو؟ 〈/font> 〈/p> 〈/center> 〈/div> 〈/td>
سأكون عاجزًا عندما أرى مثل هذا الرمز (حتى أكثر عجزًا هو أنني أراها غالبًا ، وعلي قراءتها). اسمحوا لي أن أبسطه:
〈TD محاذاة = المركز>
〈font color =#ffa76c style = font-size: 14px ؛ font-family: 家家> title 〈/font>
كيف تعتقد أن مثل هذا الرمز يبدو؟ 〈/td>
هل يبدو أنك تشعر أن العالم أكثر هدوءًا؟ يمكن تعريف النص بعد العنوان في فئة <td>. حتى لو لم تستخدم CSS ، فلا بأس من استخدام <.font> ، فهو لا يزال منعشًا للغاية.
4. الجدول متداخل بشكل غير صحيح
احتمال الخطأ: عادي
عالمية: عالمية
إمكانية ارتكاب الأخطاء: لا أعرف هذا
في الواقع ، هذه مشكلة في إدراك الشوارع ، لكن الناس ما زالوا يواصلون المشاكل. قد تجعلك النماذج المتداخلة غير الصحيحة توبيخ من قبل الرئيس في المكتب ، وتجعلك تعتقد أنه لا يمكن فتح صفحة ويب عادية لمدة دقيقتين أو 3 دقائق مع ADSL. دعنا نتحدث عن المشكلة الأولى أولاً ، والتي تتمثل في أن تعشق الجداول باستمرار في جدول كبير ، والتي ستتباطأ سرعة فتح صفحات الويب (على الرغم من أن IE الحالي قد تحسن من هذه المشكلة ، إلا أنه لا يُنصح بذلك). من ناحية أخرى ، فإن الصيانة والتعديل غير مريحة للغاية. بشكل عام ، لا توجد مشكلة في تطبيق بسيط ، حتى الطبقات 3 أو 4 ، ولكن لا تضع كل المحتوى في جدول واحد. المشكلة الثانية هي وضع كل شيء في طاولة كبيرة ، ويتضمن رمز مضاد مجاني. ههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههما في الواقع ، إنها ليست مشكلة كبيرة. أخطر شيء هو أن IE الخاص بك مثل حادث تحطم ولا شيء يتم عرضه. الحل هو وضع العداد في جدول واحد وليس في نفس الجدول مثل المحتويات الأخرى.
5. عند كتابة المسافة البادئة للكود ، استخدم عدم وجود علامات تبويب
احتمال الخطأ: عادي
عالمية: أقل
إمكانية ارتكاب أخطاء: لا أعرف أن علامة التبويب أفضل
هذا السؤال مخصص لـ JS ، VBS ، ASP ، PHP ، إلخ. إذا لم تتمكن من استخدام علامة التبويب ، فيمكنك كتابة برنامج صغير ، فأنت تعرف ما هو المسافة البادئة وكيفية المسافة البادئة؟ يستخدم بعض الأشخاص المساحات ، ويستخدم بعض الأشخاص علامات تبويب ، إذا كنت تستخدم المساحات ، ثم قم بالتبديل إلى علامات التبويب من الآن فصاعدًا.