مقالة مقدمة من wulin.com (www.vevb.com): يجب صياغة متطلبات الاتساق لمستندات HTML5 ، وينبغي استخدام عناصر جديدة وسمات وواجهة برمجة التطبيقات ونماذج المحتوى. وبهذه الطريقة ، يمكن تخفيض محتوى الويب بأناقة في وكلاء مستخدمين أقدم أو أقل قدرة. دعونا نستخدم نموذج HTML5 لتوضيح. تتضمن الأنواع الجديدة التي تمت إضافتها إلى الإدخال رقمًا ، والبحث ، والمدى ، والبريد الإلكتروني ، والتاريخ ، وعنوان URL ، وما إلى ذلك. هذه الأنواع الجديدة من المتصفحات التي لا تدعمها.
ملاحظة: يجب أن تظهر الأمثلة الواردة في هذه المقالة في الكود ، ولكن لأن doctype نستخدمها الآن هي XHTML1.0 ، لا يمكن للمتصفح قراءة رمز HTML5 ، ولا يمكن أن يكون مسبقًا مسبقًا
اقرأ الكود ، بحيث لا يمكن شرحه بالكلمات إلا.
تجنب التعقيد غير الضروري
حلول موجزة دائمًا أكثر شعبية من الحالات المعقدة ، إن أمكن.
تم تعيين نوع المستند من HTML 4.01 مثل هذا (لقد حذفت أقواس الزاوية بسبب تحليل المتصفح):
! doctype html public -// w3c // dtd html 4.01 // en
Doctype من XHTML 1.0 هو:
! doctype html public -// w3c // dtd xhtml 1.0 Strict // en
في HTML 5 ، إذا تم القضاء على التعقيد غير الضروري ، يتم تبسيط doctype إلى:! doctype html
دعم المحتوى الحالي
يعتمد المحتوى الحالي على معالجة وكيل المستخدم المتوقع وسلوكها لتحقيق الوظيفة المتوقعة.
دعم المحتوى الحالي يعني دعم 100 ٪ للمحتوى الحالي.
حل المشاكل الحقيقية
المشكلة التي يواجهها محتوى صفحة الويب ليست مناسبة للحل الفعلي الذي لا يمكن تلبية الاحتياجات الحالية.
على سبيل المثال ، افترض أنني أستخدم HTML 4 أو XHTML 1 ، المقابلة لقطعة كاملة من المحتوى ، مثل قائمة المنتجات ، بما في ذلك صورة المنتج ، وعنوان المنتج ، ومقدمة المنتج ، وما إلى ذلك. أريد إضافة ثلاثة روابط متطابقة إلى هذه العناصر الثلاثة على التوالي. ومع ذلك ، في HTML5 ، يمكنك استخدام علامة لتضمين هذه الكتل الثلاث. أي أن العلامة تحتوي على عناصر على مستوى الكتلة. هذا يحل المشكلة الحقيقية.
البحث عن الحقيقة وكونك براغماتية
العناصر الدلالية الجديدة في HTML5 هي انعكاسات تتبع مبدأ البحث عن الحقيقة والبراغماتية.
إذا نظرت إلى صفحة الويب الآن ، فمن المحتمل أن يكون هناك بعض الرموز مثل: id = header id = evaligation id = main id = idbar id = footer ، ومع ذلك ، في html5 ، يمكن أن تحل العلامات المضافة حديثًا محل Div المقابل ، مثل الرأس ، nav ، جانبا ، تذييل. لا أعتقد أن هذه بدائل للهوية. لا ، العلامات الجديدة هي في الواقع بدائل للفئة ، لأنه يمكن إعادة استخدام هذه العلامات على الصفحة.
تدهور مستقر
يجب صياغة متطلبات الاتساق لمستندات HTML5 ، وينبغي استخدام العناصر والسمات وواجهة برمجة التطبيقات ونماذج المحتوى الجديدة. وبهذه الطريقة ، يمكن تخفيض محتوى الويب بأناقة في وكلاء مستخدمين أقدم أو أقل قدرة.
دعونا نستخدم نماذج HTML5 لتوضيح. تتضمن الأنواع الجديدة التي تمت إضافتها إلى الإدخال رقمًا ، والبحث ، والمدى ، والبريد الإلكتروني ، والتاريخ ، وعنوان URL ، وما إلى ذلك. سيتم تفسير قيم النوع الجديدة هذه كنص في المتصفحات التي لا تدعمه. لذلك ، يمكنك استخدام أشكال HTML5 بجرأة ، والتي يمكن تخفيضها بأناقة.
أولوية المستخدم النهائي
بمجرد مواجهة الصراع ، يفضل المستخدم النهائي ، يليه المؤلف ، والمنفذ ، والكمال القياسي ، وأخيراً الكمال النظري.
PDF: تصميم HTML5