تشرح هذه المقالة بشكل منهجي عناصر doctype. في الوقت نفسه ، تم التحقق من الكثير من المعلومات. نظرًا لأن المعلومات الموجودة على الإنترنت فوضوية تمامًا ، فقد قمت بإعادة تعريفها بعد التجميع والفرز. على سبيل المثال ، يتم تقسيم تعريف عنصر doctype بشكل أساسي إلى المعرفة الأساسية والمعرفة المتقدمة. المعرفة الأساسية تشرح المعرفة الأساسية. الكثير من المعرفة المتقدمة تأتي من الإنترنت ، وخاصة بعض التقنيات العملية.
Doctype هو اختصار نوع المستند. يتم استخدام عنصر <! doctype> لإعلان إعلان نوع مستند الصفحة (DTD). يقع إعلان العنصر هذا في مقدمة المستند وهو قبل علامة <html>. من خلال تأكيد DTD للصفحة ، يمكنك أيضًا تحديد مواصفات W3C (مثل مواصفات HTML أو XHTML) التي تستخدمها الصفحة.
يجب التوصية بالترجمة الصحيحة لمواصفات W3C لتوصيات W3C (W3C). في عيون العديد من المصممين ، W3C هو المعيار. ومع ذلك ، فإن الكثير من الناس ليس لديهم سوى القليل من الفهم. ما يلي مدرج في مواصفات HTML ومواصفات XHTML في مواصفات W3C الحالية. سنشرح العلاقة بين HTML و XHTML لاحقًا:
| مواصفة | يوصي |
HTML 3.2 | 14 يناير 1997 |
HTML 4.0 | 24 مايو 1998 |
HTML 4.01 | 24 ديسمبر 1999 |
| مواصفة | مشروع/اقتراح | يوصي |
XHTML 1.0 | 26 يناير 2000 | |
XHTML 1.0 مراجعة | 1 أغسطس 2002 | |
XHTML 1.1 | 31 مايو 2001 | |
وحدات XHTML | 10 أبريل 2001 | |
وحدات XHTML 1.1 | 5 يوليو 2006 | |
XHTML أساسي | 19 ديسمبر 2000 | |
XHTML الأساسي 1.1 | 5 يوليو 2006 | |
أحداث XHTML | 14 أكتوبر 2003 | |
أحداث XHTML 2 | 16 فبراير 2007 | |
طباعة XHTML | 20 سبتمبر 2006 | |
أنواع الوسائط XHTML | 1 أغسطس 2002 | |
Xforms 1.0 | 14 أكتوبر 2003 | |
Xforms 1.0 (SE) | 14 مارس 2006 | |
Xforms 1.1 | 22 فبراير 2007 | |
XHTML 2.0 | 26 يوليو 2006 | |
XLINK | 27 يونيو 2001 | |
hlink | 13 سبتمبر 2002 |
يمكن اعتبار XHTML أحدث مواصفات HTML وهو تطبيق XML يمكن ترحيله بسلاسة من HTML 4.01. أدت الخطوة الأولى في W3C لإعادة تشكيل HTML 4.01 إلى XML إلى ولادة XHTML 1.0. يعتمد XHTML 1.0 على الدلالات التي توفرها علامات HTML 4.01.
يعلن ملف الصفحة DTDs مختلفة من خلال عنصر <CODTYPE> لإخبار المتصفح الذي يتوافق مع الصفحة الحالية لـ HTML أو XHTML. يسرد ما يلي فقط DTDs المتعلقة بمواصفات HTML4.01 و XHTML1.0:
يحدد HTML 4.01 ثلاثة أنواع من المستندات: صارمة ، انتقالية ، وإطارات.
إذا كنت بحاجة إلى علامات نظيفة لتجنب الالتباس في طبقات العرض ، فاستخدم هذا النوع. يرجى استخدامه مع أوراق نمط متتالية (CSS):
<! doctype html public -// w3c // dtd html 4.01 // en
http://www.w3.org/tr/html4/strict.dtd>
يمكن أن تحتوي DTD الانتقالية على خصائص وعناصر عرض تتوقع W3C الانتقال إلى ورقة الأنماط. استخدم هذا النوع إذا كان القراء يستخدمون المتصفحات التي لا تدعم أوراق الأنماط المتتالية (CSS) بحيث يتعين عليك استخدام ميزة تقديم HTML:
<! doctype html public -// w3c // dtd html 4.01 Transitional // en
http://www.w3.org/tr/html4/loose.dtd>
يجب استخدام FrameSet DTD للوثائق التي تحتوي على إطارات. باستثناء عنصر الإطارات الذي يحل محل عنصر الجسم ، تعادل FrameSet DTD DTD الانتقالي:
<! doctype html public -// w3c // dtd html 4.01 frameset // en
http://www.w3.org/tr/html4/frameset.dtd>
يحدد XHTML 1.0 ثلاثة أنواع من مستندات XML: صارمة ، انتقالية ، وإطارات.
إذا كنت بحاجة إلى علامات نظيفة لتجنب الالتباس في طبقات العرض ، فاستخدم هذا النوع. يرجى استخدامه مع أوراق نمط متتالية (CSS):
<! Doctype HTML
عام -// W3C // DTD XHTML 1.0 Strict // EN
http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd>
يمكن أن تحتوي DTD الانتقالية على خصائص وعناصر عرض تتوقع W3C الانتقال إلى ورقة الأنماط. استخدم هذا النوع إذا كان القراء يستخدمون المتصفحات التي لا تدعم أوراق الأنماط المتتالية (CSS) بحيث يتعين عليك استخدام ميزة تقديم XHTML:
<! Doctype HTML
عام -// W3C // DTD XHTML 1.0 Transitional // EN
http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
استخدم هذا DTD عندما تريد استخدام إطار عمل!
<! Doctype HTML
عام -// W3C // DTD XHTML 1.0 Frameset // EN
http://www.w3.org/tr/xhtml1/dtd/xhtml1-frameset.dtd>
HTML تسجيل توافر العناصر العليا // المؤسسة // نوع العلامات // تعريف URL لغة اللغة
عنصر المستوى الأعلى: يحدد نوع العنصر العليا المعلن في DTD. هذا يتوافق مع نوع مستند SGML المعلن. الافتراضي هو HTML.
التوفر: يحدد ما إذا كان المعرف العام الرسمي (FPI) هو كائن أو مورد للنظام يمكن الوصول إليه للجمهور. يمكن أن تكون القيمة عامة أو نظامًا. يمثل كائنًا يمكن الوصول إليه للجمهور. يمثل النظام مورد النظام ، مثل ملف محلي أو عنوان URL.
التسجيل: حدد ما إذا كانت المنظمة مسجلة من قبل المنظمة الدولية للتوحيد (ISO).
+ هو الافتراضي ، مما يشير إلى أن اسم المنظمة مسجل.
- يعني أن اسم المنظمة غير مسجل. فرقة عمل هندسة الإنترنت (IETF) ورابطة الويب العالمية (W3C) ليست منظمات ISO مسجلة.
المنظمة: تحدد اسم المجموعة أو المنظمة التي تشير إلى إنشاء وصيانة DTD المشار إليها من خلال إعلان Doctype ، أي ownderid. IETF هو IETF. W3C هو W3C.
النوع: يحدد فئة النص العام ، أي نوع الكائن المشار إليه. الافتراضي هو DTD.
العلامة: يحدد وصف النص العام ، أي اسم وصفي فريد للنص العام المذكور. يمكن تضمين رقم الإصدار لاحقًا. الافتراضي هو HTML.
التعريف: حدد تعريف نوع المستند.
توثيق الإطارات الإطارات.
يستبعد صارمة جميع السمات والعناصر التمثيلية التي يرغب خبراء W3C في التخلص التدريجي ، لأن أوراق الأنماط مثالية بالفعل.
يحتوي الانتقالي على جميع المحتويات باستثناء عنصر مجموعة الإطارات.
اللغة: تحدد لغة نصية عامة ، أي نظام ترميز لغة طبيعي يستخدم لإنشاء الكائن المرجع. تم كتابة تعريف اللغة مثل رمز اللغة ISO 639 (رسالتين رأس المال). en الافتراضي. إنجليزي.
عنوان URL: يحدد موقع الكائن المشار إليه.
إذا كنت ترغب في التحقق مما إذا كان محتوى صفحتك يفي بالمعايير المعلنة في Doctype ، فيمكنك استخدام أداة التحقق التي توفرها W3C:
http://validator.w3.org/
تشمل المتصفحات الحديثة أوضاع عرض مختلفة ، بهدف دعم كل من صفحتين الويب التي تتبع معايير W3C وصفحات الويب المصممة للمتصفحات القديمة. من بينها ، يتم استخدام وضع المعايير (أي وضع العرض الصارم) لتقديم صفحات الويب التي تتبع أحدث المعايير ، في حين يتم استخدام وضع المراوغات (أي وضع العرض التقديمي أو وضع التوافق) لتقديم صفحات الويب المصممة للمتصفحات التقليدية. لاحظ أيضًا أن Mozilla/Netscape 6 أضافت وضعًا تقريبًا للمعايير لدعم صفحات الويب المصممة لإصدار أقدم من المعيار.
من الناحية النظرية ، يجب أن يكون هذا مفتاحًا بديهيًا للغاية. إذا كان عنصر <! doctype> في الصفحة يشير إلى معايير امتثال الصفحة (مثل XHTML1.0) ، فسيتحول المتصفح إلى وضع المعايير. إذا لم يتم تحديد Doctype ، أو تم تحديد الإصدارات HTML 3.2 أو الأقدم ، يتم تبديل المتصفح إلى وضع المراوغات. وبهذه الطريقة ، يمكن للمتصفح عرض المستندات التي تتبع المعايير بشكل صحيح دون التخلي عن صفحات الويب القديمة تمامًا التي لا تتطابق مع المعايير. ولكن ستكون هناك المواقف التالية:
في إعلان Doctype الكامل ، قم بتضمين عنوان URL لملف تعريف نوع المستند المقابل (DTD). إذا فقدت عنوان URL ، أو إذا تم تحديده ، في مسار نسبي (بدلاً من عنوان إنترنت مؤهل تمامًا) ، فستدخل معظم المتصفحات وضع المراوغات ، بغض النظر عن الوضع المحدد في إعلان Doctype.
المتصفح حساس للغاية للشكل وشكل إعلان Doctype. إذا لم يكن من الممكن التعرف على doctype مع النموذج الخاطئ ، فسوف يجبره على إدخال وضع المراوغات (يوصى بنسخ ولصق doctype الصحيح المعروف في المستند بدلاً من كتابته شخصيًا). سبب شائع لخطأ النموذج هو أن المساحة مفقودة بين الجزء الأول من Doctype وعنوان URL. انهيار doctype مقسمة إلى سطرين في خط واحد ، وغالبا ما تضيع هذه المساحة.
عندما يتعامل المتصفح مع Doctype فترة الانتقال ، فمن الأرجح أن يعاني من مشاكل غير متناسقة. IE و Opera استخدام المعايير. Netscape 6 وما هي الإصدارات الأقدم من Safari تستخدم وضع المراوغات ؛ تستخدم إصدارات Netscape 7 و Mozilla 1 والإصدارات الأحدث من Safari وضع Netscape للمعايير تقريبًا ، وهو إصدار أفضل من وضع المعايير.
هناك أيضًا تناقض عندما يتعامل المتصفح مع doctypes غير المعترف بها. IE و Opera سوف تدخل وضع المعايير ؛ بمعنى آخر ، يفترض أن Doctype غير المعترف به هو معيار جديد لم يتم دمجه في المتصفح. على العكس من ذلك ، سوف يتحول Netscape 6 إلى وضع المراوغات عند مواجهة docty غير المعترف بها.
قد يكون تبديل Doctype وسيلة فعالة للحصول على المتصفح لإدخال وضع التقديم الصحيح وعرض صفحة الويب بشكل صحيح ، شريطة أن تلاحظ تناقضات في متصفحات مختلفة ويمكنها تجنب مختلف المشكلات المختلفة.
1. مباشرة بعد إعلان Doctype أعلاه هو إعلان مساحة اسم XHTML ، وضع في عنصر <html> المحسّن ، مكتوبًا على أنه:
<html xmlns = http: //www.w3.org/1999/xhtml>
2. نظرًا لأن صفحة XHTML 1.0 عبارة عن مستند XML قانوني ، و XML حساسة للحالة للعلامات والسمات ، من أجل البساطة ، يجب أن تكون جميع العلامات والسمات في صفحات XHTML 1.0 صغيرة.
يمكن أن تساعدك بعض الأدوات المجانية ، مثل HTML TIDY (http://tidy.sourceforge.net/) ، في تحويل العلامات والسمات تلقائيًا إلى Lopcase.
3. أعلن اللغة المستخدمة في الصفحة عن طريق إضافة عنصر <meta> إلى عنصر <head>.
<meta http-equiv = content-type content = text/html ؛ charset = gbk />
4. في XHTML ، يجب نقل جميع السمات.
يمكن أن تساعدك بعض الأدوات المجانية ، مثل HTML Tidy (http://tidy.sourceforge.net/) ، تلقائيًا في وضع عروض الأسعار على جميع السمات.
5. في XHTML ، يجب أن يكون لجميع الخصائص قيم.
لا يمكن كتابتها كما في HTML 4.0:
<نوع الإدخال = اسم مربع الاختيار = قيمة القميص = متوسطة التحقق>
والكتابة:
أقل
6. في XHTML ، يجب إغلاق جميع العلامات.
هناك طريقتان لإغلاق العلامة. يتم إغلاق العلامة التي تحتوي على المحتوى باستخدام العلامة النهائية ، ويتبع العلامة الفارغة مساحة و /. على سبيل المثال:
<p> هذا هو HTML مقبول كما هو صالح XHTML. </p>
<img src = logo.gif />
7. لا تستخدم - في محتوى التعليق.
- لا يمكن استخدامه إلا في بداية ونهاية تعليق XHTML ولا يمكن أن يظهر في محتوى التعليق. لا يُسمح بطرق الكتابة التالية:
<!-غير صالح-وكذلك الفاصل الكلاسيكي أدناه. ->
<! ---------------------------------->
8. HTML تشفير جميع الرموز الخاصة.
تشكل المواصفات الثلاثة لـ W3C ، XHTML/CSS/DOM ، نظامًا كاملًا وصارمًا. أسمي هذه المواصفات الثلاثة تجسد إله الثالوث في عالم الويب. تمثل هذه المواصفات الثلاثة الأجزاء الثلاثة من الهيكل والعرض التقديمي وسلوك صفحة الويب. يقسم بصرامة صفحات الويب إلى هذه الطبقات الثلاث ، ومحاولة جعل محتويات كل طبقة مستقلة عن بعضها البعض ، مما سيساعد على تحسين قابلية إعادة استخدام الصفحة ونظامها وتقليل تكلفة إنتاج الصفحة والصيانة والتعديل بشكل كبير. لتحقيق التسلسل الهرمي المذكور أعلاه ، يجب أن يحتوي XHTML المكتوب فقط على علامات متعلقة بالهيكل (عناصر وسمات). لذلك ، يجب أن تكون معتادًا على استخدام DTDs الصارمة من النوع ، والتخلي عن تلك العلامات ذات المعنى التعبيري في أقرب وقت ممكن (لا ينصح تلك العلامات في مواصفات HTML 4.0 ، وسيتم تجاهلها بالكامل في الإصدارات بعد XHTML) ؛ التخلي عن الطريقة القديمة للتخطيط بناءً على الجداول في أقرب وقت ممكن واعتماد تخطيط CSS كامل.
"دليل موثوق لـ HTML و XHTML" ، بقلم Chuck Musciano & Bill Kennedy.
"XHTML البرنامج التعليمي" ، بقلم تشيلسي فالنتين وكريس مينيك.
"موقع إعادة إنشاء موقع" ، بقلم جيفري زيلدمان.
المؤلف: Zhang Ziqiu
المصدر: http://www.cnblogs.com/zhangziqiu/