في رأيي، يعد HTML 5 حلاً وسطًا، على الرغم من أنه ليس جذريًا، إلا أنه يمكن أن يعزز التقدم المستمر للتكنولوجيا. لا توجد مساحات أسماء، ولا يلزم إغلاق العناصر (وهي ليست ميزة بالطبع)، ويمكن للمتصفحات التعامل مع بعض الأخطاء بسهولة. كل شيء يتبع ممارسات HTML 4 في القرن الماضي. عندما يتعلق الأمر بعرض HTML، فإن المتصفحات عالقة عند مستويات 1999. ولتحقيق هذه الغاية، يعد HTML 5 حلاً عمليًا، لا يمكنه فقط الاستمرار في معالجة HTML المنتشر في جميع أنحاء العالم لسنوات عديدة، ولكنه يسهل أيضًا على الشركات المصنعة للمتصفح إضافة ميزات جديدة. وهذا ما يسمى تتحلل بأمان. دعونا نلقي نظرة على بعض العناصر الجديدة التي أضافها HTML 5.
العناصر الهيكلية
هذه متعة حقيقية. في الوقت الحالي، لا يمكننا تحديد البنية إلا من خلال div "عام"، في محاولة للتعبير عن الرأس أو الجزء السفلي أو الشريط الجانبي على التوالي عن طريق تعيين قيمة معرف السمة الخاص به مثل الرأس والتذييل والشريط الجانبي وما إلى ذلك. ومعها، لم يعد مؤلفو الأكواد بحاجة إلى القلق بشأن تسمية المعرفات، الأمر الذي له فوائد دلالية أكبر للهواتف المحمولة وأجهزة القراءة والأجهزة الأخرى. يضيف HTML 5 عناصر هيكلية جديدة للتعبير عن هذه الهياكل الأكثر استخدامًا:
القسم: يمكن أن يعبر عن جزء أو فصل من كتاب، أو قسم داخل فصل
header: الرأس الموجود في نص الصفحة. ليس عنصر الرأس
التذييل: أسفل الصفحة (التذييل)، والذي يمكن أن يكون موقع توقيع البريد الإلكتروني
التنقل: مجموعة من الروابط لصفحات أخرى
مقال: سجل مستقل في مدونة، أو مجلة، أو خلاصة وافية، الخ.
على سبيل المثال، يمكن أن تبدو الصفحة الرئيسية لمدونة مكتوبة بلغة HTML 5 بالشكل التالي (مع بعض الحذف):
| وفيما يلي المحتوى المقتبس: <<!DOCTYPE HTML> جانبا <جانبا> <الشكل> <الحوار> |
يتم استخدام العنصر m لتمييز بعض النصوص التي لا تتطلب التركيز. لا يزال الأمر مثيرًا للجدل وقد يتم تغييره في النهاية لوضع علامة عليه.
يستخدم عنصر الوقت، كما يوحي اسمه، للتعبير عن الوقت. يتطلب ميزة التاريخ والوقت للإشارة إلى الوقت الذي يمكن للجهاز التعرف عليه، مثل:
<time datetime="2008-08-08T20:08:08">8:08:08 مساءً يوم 8 أغسطس 2008</tiem> يعبر عنصر المقياس عن قيمة ضمن نطاق محدد. يمكن استخدامها للرواتب والنسب المئوية والكسور وما إلى ذلك. على سبيل المثال:
يؤسفني أن أخبرك أن لدي فقط <meter>150cm</meter> كما أنه يحتوي على 6 ميزات للتعبير عن معاني مختلفة مثل:
<p>نتيجتك هي: <meter value="88.7" min="0" max="100" low="65" High="96" الأمثل="100">B+</meter>.</p >
هناك أيضًا تقدم، وهو كما يوحي اسمه، يستخدم للتعبير عن التقدم:
إكمال الهدف: <progress value="40" max="100">40%</progress> تضمين الوسائط المتعددة
وأضاف عناصر الفيديو والصوت. وكما يوحي الاسم، يتم استخدامهما لإدراج الفيديو والصوت على التوالي. أما بالنسبة للتنسيق، فهو متروك للمتصفح للتنفيذ، ولم يعد HTML يحتاج إلى تعليمات برمجية خاصة لتشغيل تنسيق معين. تمامًا مثل img، يمكن عرضه سواء كان png أو jpg أو gif. والجدير بالذكر أنها يمكن أن تحتوي على محتوى. على سبيل المثال، يمكنك وضع كلمات في أغنية معينة:
| وفيما يلي المحتوى المقتبس: <audio src="من ينام معك.mp3"> <p>جفت الدموع</p> <p>كيف أتحمل ظلم نفسي</p> <p>كانت هناك لحظة حزن وفرح</p> ... </الصوت> |
التفاعلية
يُطلق على HTML 5 أيضًا اسم Web Applications 1.0، لذا فهو يعمل أيضًا على تطوير القدرات التفاعلية. تم تصميم هذه العلامات لتحسين التجربة التفاعلية للصفحة:
| وفيما يلي المحتوى المقتبس: تفاصيل datagrid قائمة طعام يأمر |
تفاصيل
يتم استخدامه لتمثيل جزء معين من المحتوى، ولكن قد لا يتم عرض المحتوى بشكل افتراضي، وسيتم عرضه بعد التفاعل مع وسيلة الإيضاح عبر بعض الوسائل (مثل النقر). يشبه هذا إلى حد ما الأساليب الحالية لإخفاء جزء من المحتوى من خلال JavaScript وعرضه بعد النقر عليه. على سبيل المثال:
سجل كل جزء من الحياة في جملة واحدة،
| وفيما يلي المحتوى المقتبس: <التفاصيل> <legend>المزيد</legend> <p>التواصل والمشاركة، والتقريب بينك وبين أصدقائك، ودعم MSN/GTalk/QQ، والرسائل النصية القصيرة، وWAP للجوال</p> </details>يمكن أن تحتوي على سمة مفتوحة لعرض التفاصيل أو لا. |
تُستخدم شبكة البيانات للتحكم في البيانات ويمكن تحديثها بواسطة المستخدمين أو البرامج النصية.
كانت القائمة موجودة في HTML 2، لكن HTML 4 جعلها قديمة. يتم استخدام نفايات HTML 5 وإضافة عنصر الأمر خلال الفترة.
المرجع: عناصر جديدة في HTML 5