يمكن استخدام الميزات الجديدة لـ HTML5 التي تم جمعها وتلخيصها بشكل أساسي باستثناء IE9 والإصدارات الأقدم.
بناء جملة HTML5معظم الاختلافات النحوية في html تستمر: <!DOCTYPE html> في البداية
<html lang=zh-CN><meta charset=utf-8>
يصبح ترميز الأحرف موجزًا،
ليست حساسة لحالة الأحرف،
تمت إضافة قيم منطقية، مشابهة للقيم المحددة والمحددة
يمكن حذف علامات الاقتباس، ولكن وفقًا لمعايير الترميز، لا يوصى بذلك.
هناك علامات يمكنها حذف حرف النهاية، وعلامات يمكن حذفها بالكامل.
إضافة العلامات: 1. علامة الهيكل(1) القسم: كتلة محتوى مستقلة، والتي يمكن أن تتكون من h1~h6 لتمثيل بنية المستند، ويمكن أن تحتوي أيضًا على فصول أو رؤوس أو تذييلات أو أجزاء أخرى من الرأس (2) المقالة: كتلة مستقلة خاصة، والتي تمثل المحتوى الأساسي في رأس هذه المقالة (3) جانبًا: محتوى العلامة مرتبط بمحتوى العلامة المعلومات المساعدة (4) الرأس: معلومات الرأس/عنوان كتلة معينة؛ (5) hgroup: المحتوى التكميلي لمعلومات الرأس/العنوان (6) التذييل: المعلومات السفلية (7) التنقل: معلومات جزء شريط التنقل (8) الشكل: وحدة مستقلة، مثل قالب إخباري يحتوي على صور ومحتوى.
2. علامات النموذج(1) البريد الإلكتروني: يجب إدخال البريد الإلكتروني؛ (2) عنوان url: يجب إدخال عنوان url؛ (3) الرقم: يجب إدخال قيمة رقمية؛ (4) النطاق: يجب إدخال قيمة رقمية ضمن نطاق معين (5) منتقي التاريخ: منتقي التاريخ؛
a.date: اختر اليوم والشهر والسنة b.month: اختر الشهر والسنة c.week: اختر الأسبوع والسنة d.time: اختر الوقت (الساعات والدقائق) e.datetime: اختر الوقت واليوم والشهر والسنة ( توقيت UTC) f.datetime-local: حدد الوقت واليوم والشهر والسنة (بالتوقيت المحلي)
(6) البحث: البحث في الحقول النصية العادية؛
(7) اللون: اللون
3. علامات الوسائط(1) فيديو: فيديو (2) صوت: صوت (3) تضمين: المحتوى المضمن (بما في ذلك الوسائط المتنوعة)، Midi، Wav، AU، MP3، Flash، AIFF، إلخ.
4. تسميات وظيفية أخرى(1) علامة: علامة (مثل قلم التمييز لتدوين الملاحظات) (2) التقدم: شريط التقدم <التقدم الأقصى = قيمة الحد الأقصى لقيمة شريط التقدم = قيمة شريط التقدم الحالي> (3) الوقت: تسمية البيانات، المستخدمة؛ بواسطة محركات البحث تاريخ الإصدار <time datetime=2014-12-25T09:00>9:00</time> تاريخ التحديث <time datetime=2015- 01-23T04:00 pubdate>4:00</time> (4) روبي وrt: التعليق على كلمة معينة؛ <ruby><rt>محتوى التعليق</rt><rp>كيفية العرض عندما لا يدعمه المتصفح< /rp>< /ruby> (5) wbr: فاصل أسطر ناعم، فاصل أسطر عندما يصل عرض الصفحة إلى فاصل الأسطر المطلوب (6) قماش: استخدم كود JS لإنشاء محتوى لرسم الصور (7) أمر: زر؛ (8) التفاصيل : توسيع القائمة (9) التاريخ: المطالبة المنسدلة لحقل النص (10) كجن: التشفير؛
خصائص جديدة:السمات المضافة إلى js.
<script defer src=.....js onload=alert('a')></script><script async src=.....js onload=alert('b')></script>إذا لم تكن هناك سمتان أعلاه، فإن أمر التنفيذ هو تحميل (تنزيل) src الأول، ثم تنفيذ التحميل الخاص به، ثم تنفيذه بشكل متزامن للأسفل، وكانت سمة التأجيل موجودة بالفعل قبل h5، وإدخال التحميل المؤجل (التنفيذ المؤجل). ، سيتم أولاً تحميل (تنزيل) src محتوى الملف، ثم انتظر حتى يتم تحميل الصفحة بالكامل، ثم قم بتحميل سمة js.async أثناء التحميل، وهو تحميل غير متزامن، وسيتم تنفيذ التحميل مباشرة بعد تحميل src، وسيستمر في تحميل الصفحة بتسلسل التنفيذ أعلاه. ستعرض شاشة التنبيه b أولاً ثم تعرض a
أضف رمز النمط الخاص بالرمز الصغير إلى الملصق الموجود في صفحة الويب
<link rel=icon href=url... type=image name size=16*16>
قائمة مرتبة ol: بداية مضافة (قيمة بداية القائمة)، معكوسة (سواء كانت معكوسة) سمة نوع القائمة (3 أنواع قائمة) نمط CSS مضمن: تحديد كتلة نمط (محددة النطاق) داخل العلامة، فقط للإطار المضمن صالح فقط داخل علامة النمط: تتم إضافة عنصر iframe، سلس، بلا حدود، وبلا حدود، ويحدد srcdoc محتوى الإطار المضمن.
<iframe>سمات جديدة: <!--seamless يحدد الإطار بدون حدود وهوامش--><!--srcdoc لديه مستوى عرض أعلى من وضع الحماية--><!-يتم استخدام وضع الحماية لتحديد مستوى الأمان لـ الإطار المضمن --><!--sandbox=allow-forms:السماح بالتقديم النموذج --><!--sandbox=allow-origin: السماح هو نفس الأصل --><!--sandbox=allow-scripts: السماح بتنفيذ البرامج النصية --><!--sandbox=allow-top-navigation : السماح للصفحات الخارجية بالانتقال -->
سمات واضحة:
حدد ملفات التطبيقات غير المتصلة بالإنترنت المطلوبة للصفحة، والتي يتم وضعها عادةً في علامة <html>
سمة مجموعة الأحرف:
إحدى السمات الوصفية التي تحدد مجموعة الأحرف للصفحة
سمة الأحجام:
<link>يتم استخدام سمة جديدة لتعيين حجم الرمز عندما يكون الرابط rel=icon.
السمة الأساسية:
<base href=http://localhost/ target=_blank> يعني أنه عند فتح صفحة في نافذة جديدة، ستتم إضافة المحتوى الموجود في href كبادئة للعنوان.
سمة التأجيل:
تشير سمة علامة البرنامج النصي إلى أنه بعد تحميل البرنامج النصي، سيتم تنفيذه فقط عند تحميل الصفحة أيضًا (تأخير التنفيذ)
سمة غير متزامنة:
يتم تنفيذ سمة علامة البرنامج النصي مباشرة بعد تحميل البرنامج النصي (سيقوم المتصفح بتحليل المحتوى التالي أثناء عملية التشغيل)، حتى لو لم يتم تحميل الصفحة (تنفيذ غير متزامن)
سمة الوسائط:
سمة العنصر <a>: تشير إلى الجهاز الذي تم تحسينه
سمة hreflang:
تشير سمة <a> إلى اللغة المستخدمة بواسطة عنوان URL المشار إليه بواسطة الارتباط التشعبي.
سمة المرجع:
تحدد سمة <a> ما إذا كان الارتباط التشعبي عبارة عن رابط خارجي
السمة المعكوسة:
تحدد السمة <ol> ما إذا كان الرقم التسلسلي هو الفلاش باك أم لا
سمة البداية:
تحدد سمات <ol> قيمة البداية للرقم التسلسلي
سمة النطاق:
تقتصر سمة نمط CSS المضمن على العناصر ذات النمط المضمن، وهي مناسبة لتطوير الصفحة الواحدة.
سمات HTML5 العالمية: يمكن استخدامها لأي علامة، 6
البيانات الخاصة بك، مخفية، Spenllecheck، tabindex، contenteditable، desginMode؛
الخصائص العالمية:
1. يمكن إدراجها مباشرة في العلامة: اسم سمة البيانات المخصصة؛ مخفي (ضعه مباشرة للإخفاء)؛ انقر فوق المحتوى لتعديله)؛ 2. أدخل window.document.designMode = 'on' في JavaScript (خاصية عامة لـ JavaScript، يمكن تحرير نص الصفحة بأكملها)؛
تلخيص
ما ورد أعلاه هو ملخص للعلامات والسمات الجديدة لـ HTML5 التي قدمها المحرر وآمل أن يكون مفيدًا لك. إذا كانت لديك أي أسئلة، فيرجى ترك رسالة لي وسيقوم المحرر بالرد عليك في الوقت المناسب. أود أيضًا أن أشكر الجميع على دعمكم لموقع VeVb للفنون القتالية!