نعلم جميعاً أن أحد العناصر المهمة في البناء هو إرساء أساسه، وبدون أساس متين وجيد. المظهر الرائع والديكور لم يعد موجودا. نحن نبني صفحات ويب تتوافق مع علامات الويب، ويهتم معظم الأشخاص أكثر بتكنولوجيا CSS وتطبيقاتها. ولكن علينا أيضًا أن نفهم أنه بغض النظر عن مدى قوة CSS، فإنها تؤثر أيضًا على XHTML. بدون أساس XHTML جيد التنظيم، سيكون تنفيذ تخطيطنا أكثر صعوبة. ربما يكون أساسنا متينًا جدًا، لكن التفاصيل المعقدة والهيكل غير المعقول سيصبح أيضًا عقبات أمام تطورنا.
في الأيام الأولى للويب، تم استخدام لغة HTML فقط لإضافة النموذج والبنية الأساسية. ومع تطور الإنترنت، تم استخدام لغة HTML لتمثيل الصفحات. نحن نستخدم مجموعات مختلفة لتحقيق الشكل الذي نريده، لقد اعتدنا على استخدام العلامة B لتغليف عنوان المستند، لكننا لا نستخدم العنوان h1~h6 لعرضها. والأهم من ذلك هو أننا قمنا بتشغيل الجداول للتخطيط في الأيام الأولى، تم استخدام الجداول فقط لعرض بيانات الجدول، وليس للتخطيط وعرض التخطيط، وسرعان ما اكتشفنا أن كل شيء فقد المعنى الأصلي. أصبح تصميم الخطوط والجداول والخط العريض وما إلى ذلك في حالة من الفوضى. يصبح غير مفهوم. وأصبح الأمر أكثر تعقيدًا.
نحن نميل بشكل متزايد إلى الاعتماد على أدوات WYSIWYG مثل Dreamweaver لمعالجة صفحات الويب، ولكن لسوء الحظ، لا تعمل هذه البرامج على تحسين هذا الوضع الفوضوي، ولكنها تضيف بدلاً من ذلك علامات أكثر تعقيدًا خاصة بها. في هذه الحالة، لم يعد بإمكاننا تعديل التعليمات البرمجية يدويًا، ويبدو كل شيء سيئًا حقًا.
مع ظهور CSS، شهدنا بزوغ فجر الأمل في بناء صفحات الويب التي تتوافق مع معايير الويب. يولي الناس المزيد والمزيد من الاهتمام لإعادة بناء موقع الويب لفصل الأداء عن المحتوى. يمكننا إزالة بعض العلامات التي لا معنى لها، مثل: Font، وb، وi، وما إلى ذلك. ونترك هذه المهام لـ CSS، ويمكننا استخدام CSS للتخطيط بدلاً من استخدام الجداول لإنشاء الصفحات.
يمكننا إنشاء مستندات وفقًا لمعنى العلامة نفسها، ويمكننا إعادة تعريف مظهرها من خلال CSS باستخدام النمط الافتراضي للمتصفح. العناوين أو الفقرات أو القوائم الموجودة في المحتوى، يمكننا إعادة ضبطها من خلال CSS. لا يجب أن تكون العناوين كبيرة وجريئة وقبيحة. يمكن للفقرات التحكم في تباعد الأسطر والمسافات البادئة. لا يجب أن تكون القوائم عمودية، بل يمكننا أيضًا ترتيبها أفقيًا. إلخ.
إن فائدة العلامات ذات المعنى تجعل من السهل علينا فهم محتوى الكود ومعالجته. على سبيل المثال، إذا كنا بحاجة إلى تعديل جميع الروابط الخارجية في الصفحة، وإذا أضفنا العلامات المناسبة لهذه العناصر، فيمكننا بسهولة العثور عليها وتعديلها. إذا تم خلط كل شيء معًا، فلن يكون لدينا من أين نبدأ.
بالإضافة إلى تسهيل تطويرنا، يمكن للأجهزة والبرامج الأخرى أيضًا أن تتمتع بفهم أفضل للمستندات، والأكثر شيوعًا هو التعرف على محركات البحث التي يمكنها العثور بسهولة على العناوين والعناوين الفرعية في محتوى المقالات. إذا كان المشاهد يستخدم جهاز قراءة محمول، فيمكنك الاعتماد على العنوان والمحتوى وما إلى ذلك لتوفير نسب جيدة للتنقل والعرض.
الشيء الأكثر أهمية هو أن علامات HTML ذات المعنى ستوفر طريقة سهلة لضبط العناصر حسب النمط الذي تريده، حيث تقوم هذه العلامات ذات المعنى بإنشاء نموذج إطار هيكلي أساسي في المستند، ولا يتعين علينا إضافة عناصر أخرى للمعرف أو الفئة ويمكن للمعرفات الأخرى التحكم مباشرة في الأداء.
تتضمن هذه العلامات ذات المعنى بشكل أساسي ما يلي:
h1, h2...h6;
أول، رأ، دل؛
قوي، م؛
اقتباس، استشهد؛
abbr، اختصار، رمز؛
مجموعة الحقول، وسيلة الإيضاح، التسمية؛
التسمية التوضيحية، العنوان، tbody، tfoot، الخ.
في تخطيط صفحة CSS، عندما يمكنك استخدامها، لا تستخدم أشياء أخرى. حاول استخدام علامات html ذات معنى.