تقدم هذه المقالة بشكل أساسي المعلومات ذات الصلة حول الفرق بين HTML5 و HTML التقليدي ، وهي ملاحظات دراسة HTML5. يمكن للأصدقاء الذين يحتاجون إليها الرجوع إلى القادم. التغييرات في بناء الجملة HTML5
تشير التغييرات المذكورة في نقطة المعرفة هذه إلى التغييرات المحددة على HTML4 ، وخاصة على النحو التالي:
1. يظل حرف امتداد الملف (.html أو .htm) من HTML5 دون تغيير من نوع المحتوى (النص/HTML).
2. في HTML5 ، إذا لم تستخدم عن عمد إعلان الإصدار ، فسيكون المستند قابلاً للتطبيق على جميع إصدارات HTML.
3. بدءًا من HTML5 ، يوصى باستخدام UTF-8 لتشفير الأحرف للملفات.
4. HTML5 يضمن أقصى قدر من التوافق مع إصدارات HTML السابقة.
من أجل ضمان التوافق ، نحتاج إلى البدء بالعناصر. في HTML5 ، يمكن حذف علامة العنصر. فيما يتعلق بطبيعتها ، يتم تقسيم علامات العناصر إلى ثلاثة أنواع: غير مسموح لكتابة علامة نهائية ، ويمكن حذف علامة النهاية ، ويمكن حذف علامة البدء وعلامة النهاية.
• العناصر التي لا يُسمح لكتابة علامات نهاية هي: المنطقة ، القاعدة ، BR ، العقيد ......
• علامات النهاية: LI ، DT ، DD ، P ، RT ...
• يمكن حذف علامة البدء وعلامة النهاية: HTML ، الرأس ، الجسم ...
2. العناصر الهيكلية الجديدة• يمثل عنصر القسم كتلة محتوى في الصفحة ، مثل الفصل أو الرأس أو تذييل أو أجزاء أخرى من الصفحة ؛
• يمثل عنصر المقالة جزءًا من المحتوى المستقل في الصفحة غير المرتبطة بالسياق ، مثل مقال في مدونة أو مقال في إحدى الصحف ؛
• يمثل العنصر جانبًا المعلومات الإضافية المتعلقة بمحتوى عنصر المقالة خارج محتوى عنصر المقالة ؛
• يمثل عنصر الرأس عنوان كتلة المحتوى أو الصفحة بأكملها في الصفحة ؛
• يتم استخدام عناصر HGROUP لدمج عنوان صفحة كاملة أو كتلة محتوى في الصفحة ؛
• يمثل عنصر تذييل حاشية على صفحة كاملة أو كتلة محتوى في الصفحة. بشكل عام ، سوف يحتوي على اسم المبدع وتاريخ إنشاء ومعلومات الاتصال المبدع ؛
• يمثل عنصر NAV جزءًا من رابط التنقل في الصفحة ؛
• يمثل عنصر الشكل قسمًا مستقلًا من محتوى الدفق ، ويمثل عمومًا وحدة مستقلة في محتوى الدفق لجسم المستند. استخدم عنصر Figcaption لإضافة عنوان إلى مجموعة عنصر الرقم.
2. عناصر جديدة أخرى• يعرّف عنصر الصوت الصوت ، مثل الموسيقى أو تدفقات الصوت الأخرى ؛
• يتم استخدام عناصر التضمين لإدخال مختلف الوسائط ، ويمكن أن تكون التنسيقات MIDI ، WAV ، AU ، MP3 ، إلخ ؛
• يجب استخدام عنصر Mark لتقديم النص بصريًا يحتاج إلى تسليط الضوء عليه أو تسليط الضوء عليه على المستخدم. التطبيق النموذجي هو تسليط الضوء على الكلمات الرئيسية للبحث للمستخدم في نتائج البحث ؛
• يمثل عنصر التقدم عملية تشغيل
• عنصر روبي يمثل شرح روبي (نطق أو أحرف صينية)
• يمثل عنصر RT تفسير أو نطق الأحرف (النطق الصيني أو الحرف)
• يتم استخدام عنصر RP في تعليقات الياقوت لتحديد ما يتم عرضه في المتصفحات التي لا تدعم عناصر الياقوت.
• يمثل عنصر WBR فواصل خطية ناعمة ، وعندما لا يكون العرض كافيًا ، يقوم بنشاط بنشاط بفواصل الخط.
• تمثل عناصر قماش الرسومات ، مثل الرسوم البيانية والصور الأخرى
• يمثل عنصر Cammand زر أمر ، مثل زر الراديو أو خانة الاختيار أو زر
• يمثل عنصر التفاصيل التفاصيل التي يطلبها المستخدم ويمكنه الحصول عليها.
• يمثل عنصر DataGrid قائمة بالبيانات الاختيارية ، والتي يتم عرضها في شكل قائمة شجرة
• يشير عنصر Keygen إلى توليد المفتاح
• يمثل عنصر الإخراج أنواعًا مختلفة من الإخراج ، مثل إخراج البرنامج النصي
• يحدد عنصر المصدر مورد وسائط لعناصر الوسائط (مثل <video> و <udio>)
• عنصر القائمة يمثل قائمة القائمة
3. عناصر الإدخال الجديدة• يشير نوع البريد الإلكتروني إلى مربع إدخال النص حيث يجب إدخال عنوان e-main
• يشير نوع عنوان URL إلى مربع إدخال النص الذي يجب إدخاله في عنوان عنوان URL
• يشير نوع الرقم إلى مربع إدخال النص الذي يجب إدخاله
• يشير نوع المدى إلى أن مربع إدخال النص الذي يجب إدخاله ضمن نطاق معين من القيم الرقمية.
يحتوي HTML5 على العديد من مربعات نص الإدخال الجديدة لتحديد التواريخ والأوقات:
• التاريخ -اليوم والشهر والسنة
• الشهر - اختيار الشهر والسنة
• الأسبوع - حدد الأسبوع والسنة
• الوقت - حدد الوقت (الساعات والدقائق)
• DateTime - حدد الوقت ، اليوم ، الشهر ، السنة (وقت UTC)
• DateTime.local -select الوقت ، اليوم ، الشهر ، السنة (بالتوقيت المحلي)
3. إلغاء العناصر1. العناصر التي يمكن استبدالها بـ CSS
• بالنسبة لعناصر مثل BaseFont و Big و Center و Font و S و Strike و TT و U ، نظرًا لأن وظائفها تستخدم بحتة لعرض الشاشات ، ويدافع HTML5 من التحرير الموحد لوظائف عرض الشاشة في صفائح نمط CSS ، لذلك يتم إلغاء هذه العناصر.
2. لم يعد يستخدم إطارات الإطار• بالنسبة لعناصر الإطارات ، وعناصر الإطار وعناصر Noframes ، نظرًا لأن إطار الإطار له تأثير سلبي على توافر صفحة الويب ، لم يعد إطار الإطار مدعومًا في HTML5 ، ويتم دعم إطار IFRAME فقط ، أو يتم دعم شكل صفحة مركبة مكونة من صفحات متعددة تم إنشاؤها بواسطة الخادم في الوقت المناسب.
3. فقط بعض العناصر التي تدعمها المتصفحات• بالنسبة إلى Applet و BgSound و Blink و Marquee والعناصر الأخرى ، نظرًا لأن بعض المتصفحات فقط تدعم هذه العناصر ، وخاصة عناصر BgSound و Marquee ، والتي يتم دعمها فقط من قبل Internet Explorer ، يتم إلغاؤها في HTML 5. طريقة
4. العناصر ألغت أخرى:• إلغاء عنصر RB واستخدم عنصر Ruby لاستبداله
• إلغاء عنصر الاختصار واستخدم عنصر ABBR لاستبداله
• إلغاء عنصر DIR واستخدم عنصر UL لاستبداله
• إلغاء عنصر Isindex واستبدله بعنصر النموذج وعنصر الإدخال.
• إلغاء عناصر الإدراج واستخدم العناصر المسبقة لاستبدالها
• إلغاء عنصر XMP واستخدم عنصر الكود لاستبداله
• إلغاء عناصر Nextid واستخدام GUIDS بدلاً من ذلك
• إلغاء عناصر النص العادي واستخدم نوع النص/plian mime ليحل محله
4. إضافة سمات وإلغاء السمات1. إضافة السمات
1. السمات المتعلقة بالشكل
• سمة ضبط تلقائية التلقائي المضافة ، والتي تسمح للعناصر باكتساب التركيز تلقائيًا عند فتح الشاشة عن طريق تحديد السمات ؛
• تم إضافة سمة العنصر الممكن ، والتي ستطلب من مدخلات المستخدم ، مما دفع المستخدم لما يمكنه إدخاله ؛
• أضف سمة نموذج جديدة ، وأعلن النموذج الذي ينتمي إليه ، ثم ضعه في أي مكان على الصفحة ، وليس في النموذج ؛
• تمت إضافة سمة مطلوبة ، مما يعني أن المستخدم سيتحقق من إرسالها. يجب أن يكون لديك محتوى إدخال في العنصر عند التحقق ؛
2. السمات المتعلقة بالارتباط• إضافة سمة الوسائط ، والتي تحدد سبب تحسين عنوان URL الهدف بواسطة الوسائط/الجهاز من النوع ولا يمكن استخدامه إلا عند وجود سمة HREF ؛
• أضف سمات Hreflang وسمات REL للحفاظ على الاتساق مع عنصر A وعنصر الارتباط ؛
3. سمات أخرى• السمة القس ، التي تحدد القائمة التي سيتم عرضها بترتيب عكسي ؛
• أضف سمة غير متزامنة إلى عنصر البرنامج النصي ، والذي يحدد ما إذا كان يتم تنفيذ البرنامج النصي بشكل غير متزامن ؛
2. إلغاء السمات• يتم إلغاء جميع السمات التي يمكن استبدالها بأوراق نمط CSS ؛
• يتم إلغاء سمات زائدة عن الحاجة ، مثل: الهدف ، الملف الشخصي ، الإصدار ، إلخ ، ؛
5. السمات العالميةفي HTML5 ، تتم إضافة مفهوم جديد للسمات العالمية. تشير السمة العالمية المزعومة إلى السمات التي يمكن استخدامها على أي عنصر.
1. خاصية قابلة للمرضين• تتيح هذه الخاصية للمستخدم تحرير المحتوى في العنصر ، ويمكن الحصول على تركيز الماوس ، والخاصية هي قيمة منطقية ، يمكن تحديدها على أنها صحيحة أو خاطئة. بالإضافة إلى ذلك ، تحتوي هذه الخاصية أيضًا على حالة ورث خفية. عندما يكون صحيحًا ، يُسمح بالتحرير. عندما يكون خطأ ، لا يُسمح بالتحرير. عندما لم يتم تحديدها ، سوف يقرر الوراثة.
2. خاصية تصميم• يتم استخدام هذه الخاصية لتحديد ما إذا كانت الصفحة بأكملها قابلة للتحرير. هناك اثنين من السمة على وإيقاف. عند تشغيل العقار ، يمكن تحريره ، ولكن عندما يتم إيقافه ، لا يمكن تحريره.
3. السمة المخفية• تسمح جميع العناصر بسمات مخفية ، والتي تشبه العنصر المخفي في عنصر الإدخال. تتمثل وظيفتها في إخطار المتصفح بعدم تقديم العنصر ، بحيث يكون العنصر غير مرئي. قيمة هذه الخاصية هي قيمة منطقية. عندما يكون صحيحًا ، فهذا غير مرئي ، وعندما يكون كاذبًا ، يكون مرئيًا.
4. سمة الإملائية• هذه الخاصية عبارة عن خاصية جديدة مقدمة من HTML 5 لعنصر الإدخال (النوع = النص) و Textarea ، والتي تجري بشكل أساسي عمليات التحقق من الإملاء والقواعد على محتوى إدخال المستخدم. قيمة السمة هي قيمة منطقية. عند الكتابة ، يجب أن تعلن بوضوح أن قيمة السمة صحيحة أو خاطئة. طريقة الكتابة كما يلي:
<! - طريقتان الكتابة التاليان صحيحة -> <textarea spellcheck = true> <type type = text spellcheck = false> <! - طريقتان الكتابة التاليان خاطئان -> textarea spellcheck>
شرح مفصل لسمات النموذجفي HTML4 ، يجب كتابة العناصر التابعة في النموذج داخل النموذج ، ولكن في HTML5 ، يمكن كتابتها في أي مكان على الصفحة ، ثم يتم إعطاء سمة النموذج للعنصر ، وقيمة السمة هي معرف وحدة النماذج ، بحيث يمكن إعلان العنصر إلى النموذج المحدد.
انسخ الرمز