HTML5 ، التعديل الرئيسي الخامس للغة العلامة الفائقة (HTML).
يحتوي HTML5 على عناصر جديدة وسمات وسلوكيات ، ويحتوي أيضًا على سلسلة من التقنيات التي يمكن استخدامها لجعل مواقع الويب أكثر تنوعًا وأكثر قوة.
لا تتوفر الميزات الجديدة في وقت واحد ، ولكن بعد صياغة HTML4.01 (1999) ، تتغير باستمرار خلال هذه الفترة ، ويتم الانتهاء من المخطوطة النهائية.
لا تدمر معايير HTML5 صفحات الويب السابقة ، ولا تزال صفحات الويب التي تلبي معيار HTML4.01 فعالة في HTML5.
عنوان URL القياسي: https://www.w3.org/tr/html5///
وقت مخطوط ثابت: 28 أكتوبر 2014
محتوىبالمقارنة مع HTML4.01 السابقة ، زاد HTML5 كثيرًا:
① العناصر الدلالية الجديدة: <article> ، <shrusion> ، <gient> ، <igigcaption> ، <tourer> ، <header> ، <hgroup> ، <vic> ، <section> ، etc.
② خصائص العناصر الجديدة: زيادة سمات العناصر الجديدة ، عناصر وحدة الجدول ، وظائف التحقق ، إلخ.
③ الوسائط المتعددة: أضف <Oudio> الصوت ، <video> عناصر الفيديو والمحتوى الآخر.
④ 2D/3D الرسم: إضافة <Canvas> عنصر الرسم.
⑤ التخزين: زيادة وظائف التخزين عبر الإنترنت وغير متصل.
⑥ الاتصال: تتفاعل محتويات العميل مع الخادم: مآخذ الويب (اتصال عميل وخادم متين) وأحداث خادم (بيانات دفع الخادم) ، إلخ.
⑦ متكامل: توفير وظائف قوية مثل عمال الويب ، واجهة برمجة تطبيقات التاريخ ، و requestAnimationFrame ، والموقع الجغرافي.
⑧ الوصول إلى الجهاز: قدم الدعم للكاميرات والأجهزة المحمولة.
式 CSS3 نمط: يوفر خصائص جديدة لأسلوب الخلفية ، والرسوم المتحركة ، والحدود وغيرها من الأنماط.
دعم المتصفحيختلف كل متصفح رئيسي عن HTML5. من بينها ، أي وظيفة دعم HTML5 من الإصدار التاسع (وليس جميع وظائف HTML5).
إذا كنت تريد أن تعرف أن وظيفة HTML5 مدعومة من قبل كل متصفح ، فيمكنك تسجيل الدخول إلى http://caniuse.com/ للاستعلام.
أخذ عنصر <Umio> كمثال ، يمكنك عرض دعم كل متصفح:
إنشاء صفحة HTML5تقديم تغيير HTML5 من الصفحة.
<doctype> إعلان نوع الوثيقةيجب أن يكون السطر الأول من صفحة HTML التقليدية عبارة عن عبارة من نوع مستند محدد ، والذي يرتبط بصفحة عرض التنسيق والتصميم للمتصفح.
يعتمد HTML4.01 على SGML (لغة التسمية العالمية القياسية) ، لذلك <!
HTML5 لا يعتمد على SGML ، لذلك DTD غير مطلوب.
صفحة HTML4.01:[رمز] <!
صفحة HTML5:<doctype html><html> علامة
اضبط مساحة التسمية
سمة XMLNS في <html> يمكن أن تحدد سمة XMLNS مساحات مسماة اختيارية واحدة أو أكثر. سيستخدم المتصفح مساحة التسمية هذه للعناصر الموجودة في الصفحة التي تكون فيها السمة.
إذا تم حذف هذه السمة ، فسيتم استبدال الافتراضي بـ http://www.w3.org/1999/xhtml.
تعيين لغة الصفحة<html> خاصية Lang في الملصق يمكن أن تحدد اللغة الطبيعية للصفحة ، مثل: lang = en تعني اللغة الإنجليزية ، و lang = zh-cn تعني الصينية. مثال:
<html leng = zh-cn> </html><TETA> إعدادات العلامة تشفير حرف
يمكن توفير المعلومات الوصفية ، مثل الكلمات الرئيسية لمحركات البحث.
من بينها ، تحدد سمة charset رمز حرف الصفحة ، والتي يمكنها تحويل المحتوى النصي للصفحة إلى تنسيق ترميز محدد أثناء الشاشة.
يفضل UTF-8 في تصميم الويب:
<head> <meta charset = utf-8/> <title> عنوان الصفحة </title> </head>QUOTE نمط الجدول
بالمقارنة مع HTML4.01 السابق ، HTML5 حذف النوع = Text/CSS الخاصية عندما يكون جدول النمط المرجعي:
<head> <meta charset = utf-8/> <title> عنوان الصفحة </title> <link r = stylesheet href =/sytes/site.css> </head>اقتبس ملف JavaScript
في HTML5 ، عند اقتباس ملف JavaScript ، تم حذف سمة type = text/javaScript:
<head> <meta charset = utf-8/> <title> عنوان الصفحة </title> <script src =/scripts/jqury-1.7.2.js> </head> </head>مثال الصفحة الكاملة
فيما يلي صفحة HTML5 كاملة:
<! /scripts/jquery-1.7.2.js> </script> </head> <body> <p> منطقة الجسم </p> </body> </html>