مقالة مقدمة من wulin.com (www.vevb.com): HTML5 يجعل تفاعل الكمبيوتر ، ويصبح تفاعل الشبكة البشرية أكثر راحة ويناسب المستخدمين. النقص السابق في دعم تطبيقات الوسائط الغنية وهذا التخزين لم يعد ألمًا للمتصفحات. تتمثل النية الأصلية لثورة HTML5 في الترويج للويب من منصة محتوى إلى منصة تطبيق موحدة وتوحيد معايير كل معسكر منصة.
ما هو HTML5 ، لست بحاجة إلى الدخول في التفاصيل هنا. وفقًا لفهمي ، يمكن تلخيص ابتكار HTML5 كنظام ملصق دلالي ، ودعم وسائل الإعلام الغنية مع تقليدية صينية صينية مبسطة ، وتكنولوجيا تخزين البيانات المحلية السحرية ، والرسوم المتحركة الغنية (قماش) دون المكونات الإضافية ، ودعم واجهة برمجة التطبيقات القوية. باختصار ، يجعل HTML5 تفاعل الكمبيوتر ، ويصبح تفاعل الشبكة البشرية أكثر راحة ويناسب المستخدمين. النقص السابق في دعم تطبيقات الوسائط الغنية وهذا التخزين لم يعد ألمًا للمتصفحات. تتمثل النية الأصلية لثورة HTML5 في الترويج للويب من منصة محتوى إلى منصة تطبيق موحدة وتوحيد معايير كل معسكر منصة.
في هذه المقالة ، سأقدم أحد ابتكارات HTML5: هيكل أكثر وضوحًا وجوزيًا.
يجب أن يبدو رمز رأس XHTML القياسي من البداية هكذا:
أعلاه جزء بسيط من صفحة المدونة HTML ، يتكون من الرأس ، ومنطقة عرض المقالة ، والعمود الجانبي الأيمن ، والأسفل. الترميز أنيق ويتوافق مع دلالات XHTML ، والتي يمكن تنفيذها بشكل جيد حتى في HTML 5. ولكن بالنسبة للمتصفح ، هذا هو قطعة من الكود لا تميز بين الأوزان ، بدلاً من علامة تسمح للماكينة بفهم الدلالات لتحديد الكتلة المقابلة. على سبيل المثال ، تحتوي المتصفحات القياسية (مثل Firefox و Chrome وحتى الإصدار الجديد من IE9) على مفتاح اختصار يمكن أن يقود العملاء إلى القفز مباشرة إلى التنقل في الصفحة ، ولكن المشكلة هي أن جميع الكتل يتم تعريفها بواسطة Div ، ويتم تحديد قيمة المعرف لل DIV من قبل المطور ، وبالتالي فإن المتصفح لا يعرف أي كتلة يجب أن تكون هي العلاقة التي تقع فيها رابط الملاحة. ظهور علامات HTML 5 الجديدة تعوض عن هذا العيب. ثم ، إذا تم استبدال الرمز أعلاه بـ HTML 5 ، فيمكنك كتابته مثل هذا:
اتضح أن بنية صفحة HTML يمكن أن تكون جميلة لدرجة أنه يمكن رؤيتها في لمحة دون تعليقات. بالنسبة للمتصفحات ، لن تكون في حيرة عندما تجد الكتلة المقابلة.
بالإضافة إلى ذلك ، على الرغم من أن HTML5 غير مدعوم حاليًا من قبل جميع المتصفحات ، فإن هذا الرأس الذي يمكن أن يوفر أكثر من 100 بايت (للمواقع التي تحتوي على مستويات PV اليومية من مليون أو أكثر ، يمكن أن يوفر الكثير من حركة المرور). إذا كنت قد بحثت في وضع دقة المتصفح ، فيجب أن تعلم أن الصفحات ستؤدي إلى وضع غريب دون تحديد Doctype ، وطالما تم تعريف المتصفح ، يمكنك تحليل الصفحات في الوضع القياسي دون تحديد نوع معين من DTD.
نظام وضع العلامات الدلالي الجديد
يعد الترميز الدلالي مهارة ضرورية للمطورين في الواجهة الأمامية المؤهلة ، ولكن عندما تصبح صفحات الويب غنية بشكل متزايد ، فمن الواضح أنهم غير قادرين على القيام بذلك ببساطة عن طريق استخدام علامة XHTML الأصلية إلى Desomanate. قال الله: يجب أن يكون هناك ضوء! ثم سيكون هناك ضوء. لذلك ، يوفر HTML 5 سلسلة من العلامات الجديدة والسمات المقابلة لتعكس الدلالات النموذجية لمواقع الويب الحديثة. ممارسة لإنتاج الحقيقة. لنكتب مثالًا:
لست بحاجة إلى تحديد أي واحد أكثر تعقيدًا وأي واحد بسيط. نعم ، يمكن أن يكون رأس HTML5 بسيطًا جدًا بحيث يمكن تذكره بسهولة! و ، القضية ، يقتبس و backslash قبل شريحة الزاوية الأخيرة يمكن تجاهلها.
لماذا يمكن أن تكون فضفاضة جدا؟ في الواقع ، إذا تم إرسال XHTML كنص/HTML ، فيمكن للمتصفح أيضًا تحليله جيدًا ، ولا يهتم المتصفح بخصم الكود. لذلك ، HTML 5 ميتافيزيقي ، فقد يكسر بعض المعايير الأصلية ، ولكن لا يزال من الممكن أن يؤدي أداءً جيدًا في المتصفح.
بالطبع ، من أجل راحة مساعدة الفريق والصيانة اللاحقة ، لا يزال يتعين علينا توحيد أسلوب الكتابة الذي تريده ، مثل:
دعونا نلقي نظرة على كيف هو رأس HTML5 القياسي: