في مجال الإنترنت اليوم، أصبح مصطلح معيار الويب أكثر شيوعًا في مفاهيم المستخدمين ومطوري الويب. ومع ذلك، فإن مفهوم معايير WEB عام للغاية، والناس لديهم وجهات نظر مختلفة حول ماهية معيار WEB بالضبط وما يحتوي عليه. في منتدى مسابقة قوالب ShopEx "E-Dong Cup" الذي رعاه موقع China E-Dong.com، تحدث المتسابقون والمراجعون بحماس حول معايير WEB و"تقنيات التعبير" لأكواد القوالب. يشرح هذا المقال آراء المؤلف حول معايير WEB. حتى يتمكن الجميع من فهم المفاهيم التي تشير إليها معايير الويب بشكل عام.
لا يوجد ما يسمى "المعايير"، بل مجرد اقتراحات
أولاً، يجب أن تفهم أنه لا توجد معايير حقيقية للويب. ما هو موجود بالفعل هو بعض المنظمات التي تروج للتوحيد القياسي، مثل معايير ISO وECMA. عندما يشير معظم الأشخاص إلى معايير الويب، فإنهم في الواقع يشيرون إلى شيء ما من W3C. لكن W3C لا تضع معايير حقًا، فهي تقدم فقط توصيات بكلماتها الخاصة: "توصية W3C هي مواصفات أو مجموعة من الإرشادات التي، بعد بناء إجماع واسع النطاق، حصلت على موافقة أعضاء W3C والمدير. توصي W3C بنشر توصياتها على نطاق واسع."
معنى معايير الويب
بشكل عام، تتكون معايير WEB من الأجزاء التالية:
• HTML/XHTML صالح
• دلالات الكود واضحة
• فصل المحتوى (HTML/XHTML) والعرض (CSS) والتفاعل (Javascript)
بالنسبة لبعض الأشخاص، تعني معايير الويب كل ما سبق، بينما بالنسبة للآخرين قد يكون مجرد القليل منه. ولكن الأهم من ذلك أن هذه الأجزاء الثلاثة جزء لا يتجزأ من بناء موقع رائع.
HTML/XHTML صالح
لنبدأ بالنقطة الأولى، الكود الصحيح هو الخطوة الأولى نحو معايير الويب. بالنسبة لمعظم الأشخاص، تعني كلمة "صالح" كود HTML/XHTML فقط، ولكن لا تنس أن هناك أيضًا التحقق من صحة CSS. التحقق من صحة كود HTML/XHTML الخاص بك يعني بشكل أساسي ما إذا كان الكود الموجود على صفحة الويب الخاصة بك يتوافق مع نوع المستند الذي حددته.
يعد اختيار نوع المستند الصحيح أمرًا مهمًا، لأنه يحدد كيفية تفسير كود HTML/XHTML وكيفية اختلاف التخطيط في المتصفحات المختلفة. يمكن عرض الكود الذي تم التحقق منه بشكل جيد في متصفحات مختلفة دون الحاجة إلى مراعاة الكثير من توافق المتصفح. من خلال التحقق من الصحة، قد تكتشف احتمالية التأثير على التعليمات البرمجية الموجودة على الصفحة، وإصلاحها لجعل عملية التطوير أكثر كفاءة، وتقليل تكاليف الصيانة المستقبلية.
أداة التحقق من الرمز
• خدمة التحقق من صحة العلامات W3C
• الوظيفة الإضافية لـ Firefox HTML Validator
• شريط أدوات مطور إنترنت إكسبلورر
دلالات الكود واضحة
يجب أن يكون لكل عنصر موجود في الصفحة معنى خاص به وأن يكون قادرًا على التعبير عن معناه بدقة. ببساطة، هذا يعني اختيار العناصر المناسبة بناءً على السياق. الأمثلة هي كما يلي
هذا الرمز غير واضح
| وفيما يلي المحتوى المقتبس: <div class="page-heading">عنوان الصفحة</div> <a class="menu-item" href="/item-1">عنصر القائمة 1</a> |
مع نفس الأداء، تكون الدلالات أكثر وضوحًا
| وفيما يلي المحتوى المقتبس: <h1>عنوان الصفحة</h1> <ul class="menu"> |
في الواقع، من السهل جدًا توضيح دلالات الكود، استخدم h1-h6 لتحديد العنوان، واستخدم p لتحديد فقرة المقالة، واستخدم ul، وol، وما إلى ذلك لتحديد عناصر القائمة، وما إلى ذلك. . . سيساعدك هذا بسهولة في العثور على أجزاء التعليمات البرمجية التي تريدها ويمكن أن يقلل بشكل كبير من أوقات تحميل الصفحة لأنه يقلل من كمية التعليمات البرمجية. ولا تنس أن هذا مفيد أيضًا لتحسين محركات البحث. يمكن أن تساعد الدلالات الواضحة محرك البحث Google ومحركات البحث الأخرى في فهرسة موقعك بشكل أفضل.
فصل المحتوى (HTML/XHTML) والعرض (CSS) والتفاعل (Javascript)
هناك العديد من الأسباب التي تجعل من الضروري فصل عرض المحتوى (HTML/XHTML) (CSS) والتفاعل (Javascript). لديهم أقسام مختلفة للعمل، وكيفية استخدامها بشكل معقول يتطلب دراسة متأنية.
أسباب الانفصال
الأداء: سيتم حفظ الملفات الخارجية مثل CSS وJS في ذاكرة التخزين المؤقت للمستخدم بعد التحميل الأول، مما يوفر وقت التحميل اللاحق ويحسن التجربة.
بشكل عام: يمكنك دائمًا العثور على الرموز ووضعها بدقة.
سهولة الاستخدام: يمكنك دائمًا الرجوع بسهولة إلى الكود وإعادة استخدامه في جميع أنحاء موقع الويب الخاص بك.
الصيانة: يتم تخزين جميع الرموز المتعلقة بالأداء والتفاعل مركزيًا لسهولة الصيانة.
كيفية التقرب من المستخدمين؟
يقول بعض الأشخاص أن الأمر يستغرق وقتًا إضافيًا لجعل موقع الويب أقرب إلى المستخدمين، ولكن في الواقع، طالما يمكنك القيام بالنقاط الثلاث المذكورة في المقالة، فقد خطوت بالفعل خطوة كبيرة إلى الأمام على الطريق لتصبح أقرب إلى المستخدمين. المستخدمين.
الكود الصحيح والفعال سيسهل عليك العثور على المحتوى غير الصحيح على الصفحة. يمكن للتعليمات البرمجية ذات الدلالات الواضحة أن تدعم الأجهزة المحمولة بشكل أفضل، ويمكنها أيضًا أن تجعل موقع الويب يتصفح بشكل أفضل من قبل المستخدمين دون تعديل CSS. يسمح الفصل بين البنية والأداء والتفاعل لموقع الويب بالحفاظ على الوظائف الأساسية حتى بدون دعم JavaScript. بالطبع، يمكنك تحسين تجربة الموقع عن طريق إضافة طبقة JavaScript، ولكن هذا بالتأكيد ليس الجزء الأساسي من تشغيل موقع الويب.