HTML5 هو الإصدار التالي من معيار HTML. بدأ المزيد والمزيد من المبرمجين في بناء مواقع الويب في HTML5. إذا كنت تستخدم كل من HTML4 و HTML5 ، فستجد أن المبنى من نقطة الصفر مع HTML5 أكثر ملاءمة من الهجرة من HTML4 إلى HTML5. على الرغم من أن HTML5 لا يخرب تمامًا HTML4 ، إلا أنه لا يزال لديهم العديد من أوجه التشابه ، لكن لديهم أيضًا بعض الاختلافات الرئيسية في HTML5 كونه الإصدار التالي من معيار HTML. بدأ المزيد والمزيد من المبرمجين في بناء مواقع الويب في HTML5. إذا كنت تستخدم كل من HTML4 و HTML5 ، فستجد أن المبنى من نقطة الصفر مع HTML5 أكثر ملاءمة من الهجرة من HTML4 إلى HTML5. على الرغم من أن HTML5 لا يخرب تمامًا HTML4 ، إلا أنه لا يزال لديهم العديد من أوجه التشابه ، لكن لديهم أيضًا بعض الاختلافات الرئيسية. بعد ذلك ، دعنا نتعلم الفرق بين HTML5 و HTML4 من خلال هذه المقالة
علامات هيكل جديدة لـ HTML5
في صفحات HTML السابقة ، استخدم الجميع بشكل أساسي طريقة تخطيط Div+CSS. عندما يزحف محركات البحث على محتوى الصفحة ، يمكنهم فقط تخمين أن المحتوى الموجود في أحد DIV هو حاوية محتوى مقالة ، أو حاوية وحدة التنقل ، أو حاوية قدمها المؤلف ، وما إلى ذلك ، وبعبارة أخرى ، فإن بنية مستند HTML بأكملها غير واضح. من أجل حل هذه المشكلة ، أضيفت HTML5 خصيصًا علامات العناصر الهيكلية المتعلقة بالهيكل مثل الرأس ، تذييل ، التنقل ، محتوى المقالة ، إلخ.
قبل الحديث عن هذه العلامات الجديدة ، دعونا نلقي نظرة أولاً على تصميم صفحة عادية:
في الصورة أعلاه ، يمكننا أن نرى بوضوح تام أن صفحة عادية ستحتوي على رأس ، والتنقل ، ومحتوى المقالة ، والشريط الأيمن المرفق ، والقاع ، والوحدات النمطية الأخرى. نميزه من خلال الفصل ومعالجته من خلال أنماط CSS المختلفة. ولكن نسبيا ، الطبقة ليست مواصفات قياسية مشتركة. يمكن لمحركات البحث تخمين وظائف جزء معين فقط. بالإضافة إلى ذلك ، إذا تم تسليم هذا البرنامج إلى الأشخاص الذين يعانون من ضعف مرئي للقراءة ، فلن يكون بنية المستندات والمحتوى واضحين للغاية. التصميم الجديد الذي جلبته علامة HTML5 الجديدة هو الموقف التالي:
التغييرات في عصر الويبتم إصدار معايير الجيل السابق من HTML: HTML 4.01 و XHTML 1.0 منذ أكثر من 10 سنوات اليوم ، وتغيرت التطبيقات على جانب الويب بشكل كبير. علاوة على ذلك ، لا يوجد معيار إنترنت موحد وشائع على الواجهة الأمامية على شبكة الإنترنت ، وهناك الكثير من عدم التوافق بين المتصفحات ، مما يضيع الكثير من الوقت في الحفاظ على توافق هذه المتصفحات. شيء آخر هو أن عمليات الوسائط المتعددة السابقة ، والرسوم المتحركة ، وما إلى ذلك ، تتطلب جميعها دعم المكونات الإضافية الطرف الثالث ، مما يخلق مشكلة توافق منصات متعددة. سيصبح كل هذا معيارًا في HTML5 ، والذي يحل بشكل أساسي الاختلافات في المتصفحات ومشاكل بعض المكونات الإضافية لجهة خارجية ، مما يجعل تطبيقات الويب أكثر قياسية ، أكثر تنوعًا ، وأكثر استقلالية للأجهزة.
منذ أن خرجت H5 رسميًا في عام 2010 ، تم الترحيب بها ودعمها من قبل المتصفحات الرئيسية. في الوقت الحاضر ، تتجه الصناعة نحو H5 ، وسيأتي عصر H5 قريبًا.
HTML5 ليس تغييرًا ثوريًا ، بل هو تغيير تنموي. علاوة على ذلك ، كانت العديد من معايير HTML4 السابقة متوافقة ، ويمكن أيضًا تشغيل جميع تطبيقات الويب من خلال أحدث معايير HTML5 بسهولة على المتصفحات القديمة. يقوم معيار HTML5 بدمج العديد من الوظائف العملية مثل الصوت والفيديو ، والتخزين المحلي ، واتصالات المقبس ، والرسوم المتحركة ، وما إلى ذلك ، والتي تم النظر فيها جميعها وترقيتها في تطوير التطبيقات السابقة. أعتقد أنه إذا كانت لديك خبرة ذات صلة ، فسيتم لمسك جدًا.
الهدف من HTML5 هو: يوفر معايير لتطوير تطبيقات الويب العامة الأكثر بساطة ومستقلة ومعتادة من خلال بعض العلامات الجديدة والميزات الجديدة.
يحل المعيار الجديد ثلاث مشكلات رئيسية: مشكلات توافق المتصفح ، ويحل مشكلة بنية المستند غير الواضحة ، ويحل مشاكل مثل وظائف تطبيقات الويب المحدودة.
الفرق بين HTML4 و HTML51. تم إلغاء بعض علامات HTML4 القديمة
وتشمل هذه العلامات التي تعرض تأثيرات بحتة ، مثل <Font> و <centre> ، والتي تم استبدالها بالكامل بـ CSS.
خصائص إلغاء أخرى: اختصار ، Applet ، Basefont ، Big ، Center ، Dir ، Font ، Frame ، FrameSet ، Isindex ، Noframes ، Strike ، TT.
2. أضاف بعض العناصر الجديدة
على سبيل المثال: علامات النماذج الأكثر ذكاءً: التاريخ ، البريد الإلكتروني ، عنوان URL ، إلخ. ؛ علامات أكثر منطقية: القسم ، الفيديو ، التقدم ، NAV ، العداد ، الوقت ، جانبا ، قماش ، إلخ.
3. السمة العالمية الجديدة: تصميم مصمم خفي مخفي التابينسيكس
4. طريقة الترميز: لا يوجد سوى نوع واحد من إعلان نوع الملف (<! doctype>): <! doctype html>.
حدد تشفير الأحرف <meta charset = utf-8>
5. New JS API
6. ضمان التوافق
يمكن حذف عناصر العلامات
علامات النهاية غير مسموح بها: مثل BASE BASE BR
يمكن حذف علامة النهاية: مثل li dt
يمكن حذف جميع العلامات: مثل رأس HTML
مثال الكود كما يلي: انسخ الرمز