في البرامج التعليمية السابقة على wulin.com ، تم التأكيد على عدة مرات أن ملفات HTML صفحة الويب لها دلالات. يجب أن نختار أنسب علامات HTML أو XHTML بناءً على بنية وثيقة صفحة الويب HTML ، بدلاً من اختيارها بناءً على مظهرها وأسلوبها. استخدم علامة P لتعريف الفقرة ، بدلاً من استخدامها للحصول على تأثير خط جديد. بدلاً من استخدامها لتحقيق حجم النص والتأثيرات الجريئة ، نستخدم علامات H1-H6 لتمييز العناوين.
على سبيل المثال ، العنوان ، يمكننا تحديده بـ H1:
<h1> نص عنوان المقال مكتوب هنا </h1>
ولا ينبغي استخدام أي طريقة أخرى لتحديده:
<p النمط = حجم الخط: 16px ؛ Font-Weight: Bold ؛> نص عنوان المقال مكتوب هنا </p>
في المقالات السابقة من wulin.com ، قمنا بإدراج جميع العلامات التي يسمح بها XHTML1.0 ، ويمكننا أيضًا العثور على أن هناك بالفعل عدد قليل جدًا من علامات العناصر التي تسمح لنا بالاختيار. لكننا ندرك بوضوح أن هذه العلامات الأولية المكررة هي أيضًا أكثر جدوى. إذا لم تتمكن حقًا من العثور على العنصر الصحيح لتمييزه ، فيمكنك استخدام علامات Div و Spans المشتركة.
يعد استخدام divs وعلامات span على الصفحة مشكلة جديدة ، ونحن عرضة لاستخدامها أكثر من اللازم. يمكن أن يؤدي الاستخدام الضروري والمعقول لـ DIV إلى تعزيز بنية المستند بشكل كبير. إذا نظرت إلى مستند HTML الخاص بك ووجدت أن هناك العديد من DIVs و Ends ، فعليك أن تنظر إلى المشكلة من منظور مختلف. هل هناك أي سوء معاملة؟ هل هناك أي علامات أفضل لاستبدالها؟ إذا تمكنت H1 من تمثيل المحتوى المحدد بشكل أفضل ، فعليك التخلي عن P أو تمتد للتعريف.
ربما يكون هذا زوجًا من التناقضات ، ومن الصعب علينا أن ندرك كيفية استخدامها بشكل صحيح ، أو ربما لا يمكننا الحصول على إجابة واضحة على الإطلاق. ولكن هناك شيء واحد يجب توضيحه هو أننا يجب أن نجعل المستند واضحًا وسهل تطبيق الأنماط. يمكننا فقط إلقاء نظرة على Div كحاوية ، أو كمكون من وثيقة. نستخدم الكثير من الحاويات ، وهو ليس نمطًا حكيمًا. يمكن أن تجعل الحاوية التي توجد في وضع معقول الوثيقة بأكملها منظمة للغاية.
الرمز التالي أكثر منطقية وفعالية:
<div id = header>
<h1> wulin.com vevb.com. مرحبًا بك في وصولك </h1>
<h2> wulin.com Webjx.com يوفر أحدث وأسرع تقنية ويب </h2>
<p> Wulin.com VEVB.com يوفر دروسًا في إنتاج الويب ، دروس إنتاجية على الويب ، أدلة بناء موقع الويب ، دروس الرسوم المتحركة فلاش ، دروس فيديو ، رموز المؤثرات الخاصة على الويب ، مواد الويب ، تنزيلات الكتب وغيرها من المحتويات. آمل أن يساعدك في عملك والدراسة. </p>
</div>