تقسم معايير الويب صفحات الويب إلى ثلاثة مكونات مستقلة:
* الهيكل: HTML، XHTML، XML
* الأداء: CSS1، CSS2
* السلوك: ECMAScript، DOM
لا تحتوي معايير الويب حتى الآن على أي مبادئ توجيهية أو مبادئ بشأن المظهر والجماليات، ولا تفرض أي قيود على مظهر الموقع ومظهره، بل تمكّن المتصفح فقط من عرض الموقع الذي أنشأه المصمم بشكل صحيح ومساعدة العملاء على تلبية متطلبات الشركة تحليل احتياجات السوق واحتياجات المستخدم لتحديد الأهداف.
يمكن لمعايير الويب القيام بما يلي:
* تحكم وتحديد المواقع والتخطيط بشكل أكثر دقة على المتصفحات الرسومية
* السلوك التفاعلي المعقد
*إمكانية الوصول
* دعم متصفحات متعددة
* يعمل على المتصفحات القديمة والجديدة
* مضمون للعمل على المتصفحات المستقبلية
* تقليل وقت إعادة تصميم الموقع
* دعم الأجهزة غير التقليدية
* توفير نسخة سهلة الطباعة من أي صفحة ويب بسهولة
* إعادة تصميم المستندات بسهولة أثناء عملية الإصدار
* تحويل HTML إلى لغة ترميزية تعتمد على XML
أسباب استخدام معايير الويب:
* تعزيز قدرات التفاعل
* تعزيز إمكانية الوصول
* تقليل عبء أعمال الصيانة
* تقليل عرض النطاق الترددي
* خفض التكاليف
XHTML هي لغة ترميزية تعتمد على XML وتبدو مشابهة لـ HTML، مع بعض الاختلافات الصغيرة ولكن المهمة. يمكنك النظر إلى الأمر بهذه الطريقة، XHTML هو XML الذي يلعب دورًا مشابهًا لـ HTML.
في جوهرها، XHTML هي تقنية جسر (انتقال) تجمع بين قوة XML (إلى حد ما) وبساطة HTML (في الغالب).
----جيفري زيلدمان
10 أسباب للتبديل إلى XHTML:
*XHTML هو البديل القياسي الحالي للغة ترميز HTML4.
* يمكن أن يتفاعل XHTML بشكل جيد مع اللغات والتطبيقات والبروتوكولات الأخرى المستندة إلى XML.
* يتمتع XHTML بتناسق أفضل من HTML.
* XHTML1.0 هو الجسر الذي يؤدي إلى الإصدارات المستقبلية من XHTML
* يمكن للمتصفحات الأقدم التكيف مع XHTML
* تفضل المتصفحات الجديدة XHTML على HTML
* يعمل XHTML جيدًا على الأجهزة اللاسلكية ووكلاء المستخدم الآخرين.
* يعد XHTML جزءًا من عائلة معايير الويب
* يمكن أن يساعدك XHTML في التخلص من العادات السيئة الخاصة بكود طبقة العرض التقديمي
* يمكن أن يساعدك XHTML في الاعتياد على التحقق من صحة العلامات لاختبار عمل صفحتك
قواعد XHTML:
* ابدأ بـ DOCTYPE ومساحة الاسم الصحيحين
* استخدم عنصر محتوى META للإعلان عن لغة ترميز المحتوى الخاصة بك
* كتابة كافة أسماء العناصر والسمات بأحرف صغيرة
* أضف علامات الاقتباس إلى كافة قيم السمات، وافصل السمات بمسافات.
* تعيين قيمة لجميع السمات
* إغلاق كافة علامات التبويب
* إغلاق العلامات الفارغة بمسافات وخطوط مائلة
* لا تستخدم في محتوى التعليق
* تأكد من استخدام < و & لـ < و &.
هناك ثلاثة أنواع من DTDs التي يوفرها XHTML1:
* انتقالي، انتقالي، DTD الأكثر تساهلاً، DTD الوحيد الذي يتحمل علامات طبقة العرض التقديمي والعناصر والسمات غير المرغوب فيها
* صارم، صارم،
* مجموعة الإطارات، الإطار،
طريقة ترميز محتوى إعلان XHTML:
* برولوج XML، لكن معظم المتصفحات لا تتعامل مع هذا
* أدخل عنصر نوع المحتوى لتحديد لغة الترميز،
* قم بتعيين لغة الترميز من خلال رأس HTTP الذي تم إرجاعه على خادم الويب. يوصى w3c بهذه الطريقة.
الآلية العامة لإضافة الهيكل
* توفر عناصر DIV وSPAN، جنبًا إلى جنب مع سمات المعرف والفئة، آلية مشتركة لإضافة هيكل إلى المستندات.
* تحدد هذه العناصر المحتوى المدمج (SPAN) ومستوى الكتلة (DIV) دون إدخال أشياء أخرى لطبقة العرض التقديمي في المحتوى.
* سمة المعرف تشبه تسمية منطقة خاصة في الكود، مما يشير إلى أن المنطقة تتطلب معالجة خاصة. عند استخدام قيمة سمة معرف في CSS تم تعيينها خصيصًا، يطلق عليها اسم محدد CSS، وهي الطريقة الأسهل والأكثر تنوعًا لإنشاء محدد.
* يجب أن يبدأ اسم الهوية بحرف وشرطة سفلية، ولا يمكن أن يبدأ برقم.
وظيفة الهوية
* كمحدد لورقة الأنماط، قم بتصغير ملفات صفحات XHTML؛
* كمرساة للارتباط التشعبي، لتحل محل سمة الاسم القديمة؛
* طريقة للإشارة إلى العناصر في البرنامج النصي DOM؛
* كاسم عنصر كائن معلن؛
* كأداة لمعالجة عملية الأغراض العامة.
# ورقة الأنماط عبارة عن مجموعة من تعريفات القواعد التي تحدد كيفية عرض العناصر المحددة.
# يتكون تعريف CSS من جزأين: المحددات والإعلانات. من بينها، الإعلان هو أيضًا مجموعة. يتم وضع عناصر المجموعة ضمن زوج من {}. ويتكون كل عنصر من جزأين: السمات والقيم.
# المحدد الذي يبدأ بـ # هو محدد المعرف، والمحدد الذي يبدأ بـ .
# يمكن لمحددات متعددة مشاركة نفس العبارة، وفي هذه الحالة يتم فصل التحديدات المختلفة بفواصل.
# وفقًا لـ CSS، ترث العناصر الفرعية للصفحة خصائص من العنصر الأصلي، لكن بعض المتصفحات القديمة لا تدعمها (مثل Netscape 4). إذا كنت لا تريد أن يرث العنصر الفرعي خصائص العنصر الأصلي، فيمكن للعنصر الفرعي تحديد السمات ذات الصلة بحرية.
# CSS ليس حساسًا لحالة الأحرف، ولكن عند ربطه بملف HTML، تكون أسماء الفئات والمعرفات حساسة لحالة الأحرف.
# لتسهيل عملية تحرير CSS، يمكنك إضافة بعض المسافات أو الأسطر الجديدة.
# يمكن أن تؤثر أوراق الأنماط على عرض الصفحة بثلاث طرق
1. التوعية/الاستيراد
<link rel=StyleSheet href=/styles/mystylesheet.css type=text/css media=all />
أو
<نوع النمط=نص/وسائط CSS=الكل>
@import /styles/mystylesheet.css;
</نمط>
أو
<نوع النمط=نص/وسائط CSS=الكل>
@import url(/styles/mystylesheet.css);
</نمط>
ملحوظة: طريقة @Import مدعومة فقط من قبل المتصفحات الأعلى من 5.0