الصفحة الرئيسية>دروس تصميم الويب>تعليمي HTML

HTML5 صفحة بنية (HTML5 Boilerplates)

الكاتب：Eve Cole وقت التحديث：2025-03-27 01:32:01

هندسة HTML5

HTML5 Architecture ، (HTML5 Boilerplates)

إنشاء سريع لمستندات HTML5

من السهل جدًا إنشاء وثائق HTML5 ، فأنت بحاجة فقط إلى تغيير إعلان Doctype على رأس المستند.

  1. <! doctypehtml>

وبهذه الطريقة ، قمت بالفعل بإنشاء مستند HTML5. دعونا نرى كيف تم تنفيذ صفحة Google الرئيسية

نسخ المحتوى إلى الحافظة
  1. <! doctypehtml>
  2. <head>
  3. <title> html5-googlesearch </title>
  4. <script>
  5. ..

ومع ذلك ، لا يتم استخدام صفحات التحقق من Google ونتائج البحث ، لأنه لا يزال هناك العديد من العلامات غير الصالحة على تلك الصفحات ، مثل <Font> ، وما إلى ذلك ، ولكن لا يهم ، لا يزال بإمكانك استخدام بعض العلامات الصحيحة مثل <script> لتحليل HTML5 الحالي.

HTML5 أمثلة بسيطة

صفحة HTML5 كاملة لا تتطلب العديد من العلامات المعقدة

نسخ المحتوى إلى الحافظة
  1. <! doctypehtml>
  2. <title> smallhtml5 </itlem>
  3. <p> HelloWorld </p>

هذا مثال بسيط وكامل.

(ومن المثير للاهتمام ، عندما قمت بحذف علامة <title>. إن تحليل عارض DOM الخاص بـ Hixie هو من خلال مصلحة W3C. لكن مدقق Henri Sivonen يقول إن هذا غير صالح بدون العلامة.)

HTML5 النزاهة والتوافق

الأفضل ، إليك مثال HTML5 الكامل ، مع إضافة أنماط وعلامات جديدة. من أجل حل المشكلة التي لا يمكن أن تظهرها بعض متصفحات kernel ، إليك نص JS يحل هذه المشكلة.

  1. <! doctypehtml>
  2. <html>
  3. <head>
  4. <metacharset = utf-8/>
  5. <title> html5complete </title>
  6. <!-[ifie]> <criptsrc = http: //html5shiv.googlecode.com/svn/trunk/html5.js> </script> <! [endif]->
  7. <style>
  8. مقال ، جانبا ، التفاصيل ، الشكل ، الشكل ، تذييل ، رأس ، hgroup ، القائمة ، NAV ، القسم {display: block ؛}
  9. </style>
  10. </head>
  11. <body>
  12. <p> HelloWorld! </p>
  13. </body>
  14. </html>
مقالات ذات صلة