نظرًا لأن الإنترنت كائن يتغير ويتطور باستمرار، فمن المهم جدًا إنشاء موقع ويب يمكن أن يتغير وينمو مع الإنترنت، ومن المهم جدًا أيضًا عدم التعرض للأذى من موجة صدمة الإنترنت عندما يصبح عالم الإنترنت التغييرات.
قد يؤدي العلامات النظيفة وبناء موقعك باستخدام معايير الويب إلى إرباك الأشخاص، ولكن القيام بذلك سيوفر الوقت والمال على المدى الطويل.
ومع توسع الشبكة، فإن التقنيات المستخدمة في الشبكة تتطور باستمرار أيضًا. لغة HTML موجودة في شبكة الإنترنت منذ فترة طويلة، وأنتجت العديد من المشتقات أثناء تطورها المستمر.
في البداية جاءت Javascript، ثم جاءت CSS وXML وAJAX. أصبح اعتماد HTML5 على نطاق واسع قاب قوسين أو أدنى، حيث يدعم كل من Firefox وSafari وOpera وChrome HTML5 (IE متأخر عن ذي قبل).
في هذه المقالة، سأأخذ موقع Wangyi Technology www.idccss.com كمثال لدراسة أساس معايير الشبكة. ماذا يعني ذلك بالنسبة لك؟ سأشير إلى بعض القضايا المهمة جدًا ولكن في الأوقات العادية يتم التغاضي عنها بسهولة من قبل الجميع.
ماذا تعني العلامة "النظيفة"؟
باختصار، هذا يعني التخلص من الفوضى وجعل المعيار متوافقًا، باستخدام نفس العلامات والهياكل للغات المختلفة.
يمكن لـ HTML النظيف أن يقلل من استخدام العلامات غير الضرورية، ويزيل الأشياء غير الضرورية، ويستخدم علامات صغيرة جدًا لإكمال المهمة بنجاح. لا يستخدم خصائص غير ضرورية مثل CSS المدمج وبنية وتنظيم كل ملف. وبالمثل، يجب على CSS النظيف تجنب الازدواجية والاستفادة من الموارد الموجودة. الامتثال للمعايير يعني أن صفحتك تتوافق مع معايير HTML وCSS وXML المنشورة بواسطة W3C. ويعني ذلك استخدام W3C لاكتشاف الأخطاء وتصحيحها واختبارها حتى تصبح صفحات الويب الخاصة بك قابلة للاستخدام بنسبة 100 بالمائة.
كل مشروع تصميم موقع ويب له حد زمني، ويريد العملاء أيضًا إكمال مواقعهم الإلكترونية في وقت مبكر. لذلك يتعرض مطورو ومصممو الويب لضغوط مستمرة للعمل بشكل أسرع وأكثر كفاءة.
أفكر عادةً: "التفكير بسرعة يجعلك غير متقن، والترميز بتنسيق قياسي نظيف يستغرق الكثير من الوقت" وعادةً ما أقول: "هذا يعمل بالفعل، هذه هي أفضل طريقة للقيام بذلك" هام "بالطبع،". لقد نجح الأمر حتى الآن من أجلك. ولكن ماذا عن العام المقبل؟ وماذا عن المتصفح الجديد؟
هل تعتقد حقًا أن محركات البحث ستعمل بنفس الطريقة طوال اليوم؟ أنت صعب الإرضاء للغاية، وإذا لم تستوفي المعايير، فسوف ينخفض تصنيف صفحتك الظاهري.
ماذا يحدث عندما يتعين على الشخص التالي تغيير صفحة الويب التي أنشأتها؟ ماذا يحدث إذا صدمتك سيارة، أو اختطفتك كائنات فضائية، أو لم تتمكن من العثور على موقع المخيم الخاص بك في رحلة استكشافية قطبية؟ لالتقاط الفوضى التي خلفتها وراءك، عليك أن تبذل كل جهد للنظر في الكود وفهمه. هل هذا شيء بسيط ومن يستطيع أن يضمن أن هذا الشخص لن يصاب بالصداع ويلعنك؟
لذا، في المرة الأولى التي تفعل فيها ذلك، عليك أن تفعل ذلك بالطريقة الصحيحة. هذا ليس شيئًا مزعجًا، بل هو فلسفة الحياة. إذا قمت بذلك، فسيوفر لك الكثير من الوقت والمال، وسيسهل الأمور على الأشخاص الذين تعمل معهم.
قد تعتقد أن كتابة ما تريد في CSS المدمج سيكون أسرع من الكتابة ضمن قواعد معينة. وقد تعتقد أنه سيكون من الأسرع الكتابة بشكل عشوائي دون النظر إلى بنية الملف بالكامل. لاحقًا، عندما تقوم بتحديث الملفات أو إعادة تصميم موقع الويب، ستقضي وقتًا أطول في تعويض التعليمات البرمجية التي كتبتها عشوائيًا مقارنة بالوقت الذي قمت بحفظه في ذلك الوقت. عندما تكتب صفحة جديدة، فإن الكود المضمن المزعج الذي استخدمته من قبل سيعود ويحاصرك، وسوف يستغرق الأمر الكثير من الوقت للتخلص منه.
قابلية التوسع وإمكانية الوصول والتحول والمعايير المستقبلية
أصبح تطوير متصفحات الأجهزة المحمولة واعدًا أكثر فأكثر، والآن يمكن للجميع تقريبًا استخدام هواتفهم المحمولة لتصفح الإنترنت. كما تتطور التقنيات المساعدة أيضًا، مثل قارئات الشاشة للمكفوفين وأجهزة الواجهة المتغيرة للأشخاص ذوي الإعاقة. أنت لا تريد أن تضع نفسك في وضع غير مؤات من خلال عدم أخذ هذه التغييرات في الاعتبار.
بالنسبة لمستخدمي الإنترنت من جميع أنحاء العالم، قد يتم ترجمة المحتوى الموجود على موقع الويب الخاص بك جزئيًا إلى لغات متعددة. بفضل أرشيف الإنترنت وذاكرة التخزين المؤقت لـ Google وبعض عناصر الشبكة الأخرى، قد تظل الصفحة التي تنشرها اليوم موجودة لفترة طويلة جدًا، حتى بعد حذفها من موقعك.
تقطع العلامات والمعايير النظيفة شوطًا طويلًا في ضمان إمكانية تطور موقعك بسلاسة مع تطور الويب في المستقبل.
افعل ولا تفعل
استخدم العلامات تمامًا كما تعتقد. على سبيل المثال: h1 هو أعلى مستوى في صفحة الويب، يليه h2، h3 وهكذا. يجب أن يكون هناك علامة h1 فرعية واحدة فقط في كل صفحة.
قم بتسمية معايير ومعرفات CSS الخاصة بك بشكل مفيد، واسأل نفسك ما إذا كان بإمكان الآخرين معرفة معنى الاسم. الأسماء مثيرة للاهتمام أيضًا: #box12 أو #commentsscale؟
الاستفادة الجيدة من CSS. على سبيل المثال: إذا قمت بتعيين خط في مجلد، فلن تحتاج إلى تعيينه مرة أخرى في كل مجلد فرعي، إلا إذا كنت تريد تعيين خط مختلف في كل مجلد فرعي. قد يؤدي هذا إلى فتح صفحتك بسرعة.
استخدم HTML وCSS وXML لتصحيح أكبر عدد ممكن من الأخطاء. انتبه أيضًا إلى التحذيرات التي تم إنشاؤها.
قم بمراجعة التعليمات البرمجية التي تم إنشاؤها بواسطة WYSIWYG بعناية وقم بإجراء أي عملية تنظيف ضرورية للتعليمات البرمجية. هذه الرموز متضخمة وزائدة عن الحاجة وتحتوي على الكثير من النفايات غير الضرورية وغير المفيدة.
لا تُدخل تنسيقًا مضمنًا وعلامات وسمات غير ذات صلة لمجرد أنك في عجلة من أمرك.
لا تستمر في استخدامها لمجرد أن لها تأثيرات قصيرة المدى، فمجرد إمكانية استخدام الصفحة لا يعني أن كودها قياسي، وليس به مشاكل، ومناسب لمحركات البحث.