كيفية التحديث إلى XHTML؟

كيفية تحديث موقعك إلى XHTML؟

لتحويل الموقع من HTML إلى XHTML، يجب أن تكون على دراية بالقواعد النحوية لـ XHTML التي تمت مناقشتها في الفصول القليلة السابقة.

سأشرح الخطوات المحددة.

أضف بيان نوع الملف

أضف بيان نوع الملف أدناه إلى السطر الأول في كل صفحة:

!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

ملاحظة:يستخدم هذا الموقع (codew3c) DTD صارم. ولكن استخدام DTD التدريجي يعتبر أيضًا خيارًا جيدًا، لأن DTD الصارم قد يبدو "صارمًا جدًا" للعديد من المبرمجين المبتدئين.

إذا كنت ترغب في تحقق من الصفحة كـ XHTML صحيح، فإن الصفحة يجب أن تحتوي على بيان نوع الملف.

يحتاج إلى ملاحظة أن معالجة المتصفحات الجديدة للوثائق تختلف بناءً على بيان نوع الملف. إذا قرأ المتصفح بيان نوع الملف، فإنه سيعالج الوثيقة بشكل “مناسب”. إذا لم يكن هناك DOCTYPE، قد تظهر الوثيقة بشكل مختلف تمامًا.

العلامات والخصائص الصغيرة الحجم

بسبب أن XHTML حساس للكبيرة والصغيرة، ويعتمد XHTML فقط على العلامات والخصائص الصغيرة الحجم، يمكنك تنفيذ أوامر البحث والاستبدال البسيطة لتحويل جميع العلامات الكبيرة إلى صغيرة. يجب أن يتم نفس المعالجة للخصائص. نحن نستخدم دائمًا الأحرف الصغيرة في موقعنا الخاص، لذا لم يكن هناك استخدام كبير للوظيفة الاستبدال.

أضف القوائم لجميع الخصائص

بسبب أن W3C XHTML 1.0 يطلب من جميع قيم الخصائص أن تكون محاطة بالقوائم، إذا لم تكن قد لاحظت هذا التفصيل من قبل،则需要 التحقق من كل صفحة من الموقع. هذا عمل يتطلب وقتًا طويلاً، لذا لا تنسى أبدًا إضافة القوائم إلى قيم الخصائص.

العلامات الفارغة: <hr>، <br> و <img>

في XHTML، لا يُسمح باستخدام العلامات الفارغة (Empty tags). يجب استبدال علامات <hr> و <br> بعلامات <hr /> و <br />.

بهذه الطريقة، ينتج مشكلة جديدة، حيث قد يقرأ Netscape علامة <br/> بشكل خاطئ. لا نعرف السبب، لكن بعد تغييرها إلى <br /> لم يعد هناك أي مشكلة. بعد الإدراك هذا، تحتاج إلى تغيير العلامات مرة أخرى من خلال وظائف البحث والاستبدال.

بعض العلامات الأخرى (مثل علامة <img>) قد تواجه نفس المشكلة. لا تستخدم العلامات الإغلاق لغلق <img>، بل أضف / > في نهاية العلامة.

تحقق من الموقع

بعد إكمال كل هذا، استخدم الرابط التالي للتحقق من جميع الصفحات المعدلة بناءً على DTD الرسمي لمجلس W3C: مستخدم XHTML Validatorثم، قد يتم اكتشاف عدد قليل من الأخطاء، ويجب تصحيحها واحدة تلو الأخرى (بطرق يدوية). تجربتنا تقول أن أكثر الأخطاء التي يمكن أن تحدث هي فقدان تسمية </li> في القائمة.

هل يجب استخدام أدوات التحويل (مثل TIDY)؟ نعم، يمكننا استخدام TIDY.

HTML TIDY من Dave Raggettهذا الأداة المجانية تستخدم لتنظيف شيفرة HTML. في معالجة شيفرة HTML القديمة التي تم إنشاؤها بواسطة محررات HTML المتخصصة ومحولات الشيفرة، يعمل TIDY بشكل رائع. كما يمكنه مساعدتك في اكتشاف الأماكن التي تحتاج إلى مزيد من الانتباه في الموقع، مما يجعل من الممكن الوصول إلى الصفحات للمعاقين بشكل أفضل.

لماذا لم نستخدم Tidy؟ عندما بدأنا إنشاء هذا الموقع، كنا نعلم الكثير عن XHTML. في ذلك الوقت، كنا نعلم استخدام علامات الصغرى الحروف فقط وكذلك استخدام الأقواس المزدوجة للصفات. لذلك، خلال عملية اختبار الموقع، قمنا بتحسين بعض الأخطاء ببساطة من خلال مسبق التحقق من XHTML بواسطة مسبق التحقق من W3C، وتم تصحيح بعض الأخطاء. ولكن من المهم أن نعلم أننا تعلمنا الكثير عن كتابة كود HTML بنمط Tidy.

قراءة خارجية

إذا كنت ترغب في فهم استخدام XHTML لتحديد هيكل الصفحة بشكل أعمق، يرجى قراءة كتابهندسة الموقع باستخدام XHTML}}