رمز HTML الجيد هو أساس موقع جميل. عندما أقوم بتدريس الآخرين CSS ، أخبرهم دائمًا أولاً: CSS الجيدة موجودة فقط على علامات HTML الجيدة. إنه مثل المنزل يحتاج إلى أساس متين ، أليس كذلك؟ تتمتع علامات HTML الأنيقة والدلالية بالعديد من المزايا ، ولكن لا تزال هناك العديد من المواقع التي تستخدم كتابة العلامات غير الودية.
دعونا نلقي نظرة على بعض علامات HTML غير المكتوبة ونناقشها لمعرفة كيفية كتابة علامات HTML الأنيقة والقياسية.
Wulin.com ملاحظة : يستخدم كريس Cyier مستندتين هنا لشرح رمز هذه المقالة: الرمز السيئ والرمز الجيد. يرجى الرجوع إلى هاتين الوثيقة عند الدراسة.للقيام بذلك ، نحتاج فقط إلى اتباع الخطوات الصحيحة. ليست هناك حاجة لمناقشة ما إذا كان سيتم استخدام HTML 4.01 أو XHTML 1.0 ، وكلاهما يضع متطلبات صارمة على كتابة الكود الصحيح.
ولكن بغض النظر عن ما ، يجب ألا يستخدم الكود لدينا أي جدول الجداول للتخطيط ، لذلك ليست هناك حاجة لاستخدام doctype الانتقالية.
الموارد ذات الصلة:في قسم <head> ، أول شيء هو إعلان مجموعة الأحرف. استخدمنا UTF-8 ، ولكن وضعناها وراء <title>. دعنا ننقل إعلان مجموعة الأحرف إلى الأعلى لأننا نريد أن يعرف المتصفح ما هي الشخصية التي يجب التعامل معها قبل قراءة أي شيء.
بالإضافة إلى موضع إعلان مجموعة الأحرف ، فإن الشخصيات الغريبة التي تظهر في <title> هي أيضًا مشكلات تحتاج إلى الاهتمام بها. على سبيل المثال ، يجب استبدال الشخصيات الأكثر شيوعًا والأحرف بكيان حرف & amp ؛.
الموارد ذات الصلة:عند كتابة التعليمات البرمجية ، لا يؤثر المسافة البادئة على ظهور صفحة الويب ، ولكن استخدام المسافة البادئة المناسبة يمكن أن يجعل الكود أكثر قابلية للقراءة. تتمثل طريقة المسافة البادئة القياسية في الحصول على بت علامة تبويب (أو بضعة مسافات) عند بدء عنصر جديد. أيضًا ، تذكر أن ملصق العنصر القريب يتم محاذاة مع ملصق البدء.
Wulin.com ملاحظة : يعتقد بعض الأصدقاء أنه من المزعج أكثر من المسافة البادئة عند كتابة التعليمات البرمجية. إذا كنت تقرأ هذا الرمز فقط ، فقد لا توجد مشكلة. فقط أعتقد أنه على ما يرام. ولكن إذا كان التعاون أو تم نشر عملك ومشاركته علنًا ، فمن الضروري كتابة رمز جميل وأكثر قابلية للقراءة. الموارد ذات الصلة:لدينا بعض رمز CSS الذي تم تمديده إلى قسم <head>. هذا خطأ خطير لأنه يمكن أن يعمل فقط على صفحة HTML واحدة. إن الاحتفاظ بملف CSS المستقل يعني أن صفحات الويب المستقبلية يمكن أن ترتبط بها واستخدام نفس الرمز. الشيء نفسه ينطبق على JavaScript.
wulin.com ملاحظة : بالطبع ، قد لا تكون هذه المشكلة خطيرة. على سبيل المثال ، كموضوع WordPress ، يتم استخدام الرمز المكتوب في <head> على جميع صفحات WordPress. لكن كتابة CSS في <head> لا تزال عادة سيئة للغاية.في عنوان موقعنا ، نستخدم <h1> كعلامة عنوان موقع الويب ، وهي مثالية. وتمت إضافة رابط إلى الصفحة الرئيسية ، ولكن الخطأ هو أن الرابط قد وضع خارج <h1> ، والرابط محاط <h1>. يتم التعامل مع هذا الخطأ البسيط التعشيش بشكل جيد من قبل معظم المتصفحات ، ولكن من الناحية الفنية ، لا يعمل.
رابط المرساة هو عنصر مضمّن ، وعنوان <H1> هو عنصر كتلة ، ولا ينبغي وضع عنصر الكتلة في العنصر المضمّن.
لا أعرف من اخترعها أولاً ، لكني أحب كلمة Divitis ، والتي تشير إلى الاستخدام المفرط لـ DIVs في علامات HTML. في مرحلة معينة من تصميم الويب ، نتعلم كيفية استخدام Div لالتفاف العديد من العناصر الأخرى لتحقيق تصميم وتصميم مناسب. هذا يؤدي إلى إساءة استخدام عناصر ديف. نستخدم المناطق المطلوبة والمناطق غير الضرورية تمامًا.
في المثال الموضح أعلاه ، نستخدم Div (TopNav) لاحتواء قائمة UL (BigBarnavigation). ومع ذلك ، فإن كل من Div و UL هما عناصر الحظر ، لذلك ليست هناك حاجة لاستخدام Div لالتفاف عنصر UL.
الموارد ذات الصلة:الآن دعنا نتحدث عن تسمية الإدارة. في المثال المذكور في المقالة السابقة ، يستخدم UL الخاص بنا اسم المعرف BigBarnavigation. يشرح التنقل محتوى الكتلة بشكل جيد للغاية ، لكن Big and Bar تصف التصميم بدلاً من المحتوى. قد يقول أن هذه القائمة عبارة عن شريط أدوات كبير ، ولكن إذا أصبح تصميم هذه القائمة رأسيًا ، فسيظهر الاسم مربكًا وغير ذي صلة.
أسماء الفئة والمعرفات الودية مثل Mainnav ، Subnav ، الشريط الجانبي ، تذييل ، بيانات تعريف ، والتي تصف ما هو مضمن. تصف أسماء الفئة والمعرفات السيئة التصميم ، مثل BigBoldheader و LeftsideBar و RoundEdbox.
Wulin.com ملاحظة : يؤكد كريس ما إذا كان يجب تسميته حسب المحتوى أو التصميم. أنا شخصياً أود أن أضيف إلى أسماء الهوية والفصول الدراسية للاستفادة أو الأحرف الصغيرة ، أو الاستفادة من الحرف الأولي للكلمة . بادئ ذي بدء ، لا تفضي الكلمات ذات الرسملة الكاملة إلى القراءة والاستبعاد. أما إذا كنت تريد استخدام الأحرف الصغيرة أو الأحرف الكبيرة من الحرف الأول من الكلمة ، فإن ذلك يعتمد على عاداتك الشخصية. من المهم أنه بغض النظر عن القاعدة المستخدمة ، يجب أن تكون متسقة . لا تكن أحرفًا صغيرة ورسموًا في الرسالة الأولى في وقت واحد ، فسيكون ذلك مربكًا للغاية.بالإضافة إلى ذلك ، فإن ما أشعر بالارتباك شخصياً هو ما إذا كنت سأطير أو الواصلة أو عدم استخدام أسماء أطول. أو ربما أعتقد أنه معقد للغاية. من الجيد استخدام أي نوع ، ولا بأس في الحفاظ عليه ثابتًا.
الصفحة السابقة 1 2 الصفحة التالية اقرأ النص الكامل