اثنا عشر ميزة يتوقعها المطورون من HTML6 القادم
نشرت: 2017-01-17لقد حققت HTML5 نجاحًا هائلاً بين المطورين. لقد سهلت للمطورين تنظيم المحتوى بطريقة أكثر صلة بالعلامات الجديدة مثل <article>
، <section>
، <header>
وما إلى ذلك.
يتمتع المطورون بالحرية في استخدام سمة النوع من العلامات مثل <link>
و <script>
. على الرغم من أن HTML5 قد أحدثت نقلة نوعية في برمجة الويب ، إلا أن لها قيودًا في تطوير التطبيقات الأصلية على الويب وبعض المشكلات الأخرى.
بصفتك مطورًا ، فأنت تريد دائمًا تقديم حلول ويب فعالة وفعالة ، ومن المتوقع أن تساعدك HTML6 في تحقيق هذا الهدف. لذلك ، فإن المطورين في جميع أنحاء العالم حريصون على تبني HTML6. من المثير للاهتمام أن نرى كيف ستغير الميزات المتوقعة لـ HTML6 مجال تطوير الويب.
فيما يلي بعض التوقعات الأكثر شيوعًا من Dev Community بخصوص HTML6 القادم:
العلامات السريعة
من المحتمل أن تسهل HTML6 المطورين باستخدام العلامات السريعة. يمكنك استخدام <logo></logo>
لتعيين شعار لصفحة الويب. وبالمثل ، فإن <sidebar></sidebar>
و <navigation></navigation>
ستتكامل مع الشريط الجانبي والتنقل على التوالي.
أيضًا ، يمكن استخدام علامة <div>
بدون استخدام معرفات متعددة. على سبيل المثال ، يمكنك ببساطة استخدام <container>
أو <wrapper>
بدلاً من كتابة <div id='container'>
و <div id='wrapper'>
.
مساحات أسماء شبيهة بـ XML
من المتوقع أن يأتي HTML6 مع مساحات أسماء لهيكل يشبه XML. ستساعد مساحات الأسماء هذه المطورين على استخدام نفس العلامة دون أي تعارض مع علامة أخرى. بمعنى آخر ، ستوفر HTML6 ميزة استخدام العلامات المرغوبة بالإضافة إلى العلامات المحددة.
مستند HTML6
[xhtml]
<! DOCTYPE html>
<html: html>
<html: head>
<html: title> انظر إلى HTML6 </ html: title>
<html: meta type = "title" value = "عنوان الصفحة">
<html: meta type = "description" value = "مثال HTML مع مساحات الأسماء">
<html: link src = "css / mainfile.css" title = "Styles" type = "text / css">
<html: link src = "js / mainfile.js" title = "Script" type = "text / javascript">
</ html: head>
<html: body>
<رأس>
<logo>
<html: media type = "image" src = "images / xyz.png">
</logo>
<ناف>
<html: a href = "/ img1"> a1 </a>
<html: a href = "/ img2"> a2 </a>
</nav>
</header>
<المحتوى>
<مقالة>
<h1> عنوان المقال الرئيسي </ h1>
<h2> العنوان الفرعي للمقالة الرئيسية </ h2>
<p> […] </p>
<p> […] </p>
</article>
<مقالة>
<h1> مفهوم HTML6 </h1>
<h2> فهم الأساسيات </ h2>
<p> […] </p>
</article>
</content>
<footer>
<copyright> هذا الموقع & نسخ؛ إلى مجهول 2017 </copyright>
</footer>
</ html: body>
</ html: html>
[/ xhtml]
في هذا المستند ، لدينا بعض علامات <html: x>
الفردية. إنها العناصر ذات مساحة الاسم التي تنتمي إلى مواصفات W3C و HTML6 وهي مفيدة لتشغيل أحداث المتصفح. على سبيل المثال ، سيغير <html: title>
شريط عنوان المتصفح وسيساعد <html: media>
الصورة المحددة في الظهور على شاشة المتصفح. هذه العناصر لا علاقة لها بالمتصفح. يمكنهم تمكين المطورين من جعل نموذج التعليمات البرمجية أكثر دلالات.
عنصر تحكم إضافي بالفيديو
ستوفر HTML6 مزيدًا من التحكم في كائن الفيديو لتحسين تجربة الفيديو للمستخدمين. على الرغم من أن المطورين لا يمكنهم التخلص من برنامج ترميز الضغط ، يمكنهم تعديله باستخدام خوارزميات ضغط مختلفة.
من المتوقع المزيد من التحكم في طلاء إطارات الفيديو على الصفحة جنبًا إلى جنب مع خطافات رد الاتصال وآليات المزامنة الأفضل. يمكننا أيضًا توقع القدرة على مزج DOM بالفيديو في إصدار HTML القادم.
[xhtml]
<! - مثال فيديو بسيط ->
<video src = "videofile.webm" autoplay poster = "posterimage.jpg"> عذرًا ، متصفحك لا يدعم مقاطع الفيديو المضمنة ، ولكن لا تقلق يمكنك <a href="videofile.webm"> تنزيله </ a> ومشاهدته مع مشغل الفيديو المفضل لديك!
</video>
<! - فيديو مع ترجمة ->
<video src = "foo.webm">
<track kind = "subtitles" src = "foo.en.vtt" srclang = "en" label = "English">
<track kind = "subtitles" src = "foo.sv.vtt" srclang = "sv" label = "Svenska">
</video>
[/ xhtml]

مكتبات غنية ومخصصة
قام JQuery بتحويل عالم JavaScript فيما يتعلق بالمكتبات القياسية. يمكن أن يأتي المعيار التالي من HTML بمكتبات مضمونة موزعة مع المتصفح. سيوفر المزيد من الوقت أثناء تحديث النسخة المخبأة من jQuery 1.9. بمعنى آخر ، إصدار المكتبات القابل للتخزين المؤقت على وشك الظهور. إذا استخدم العديد من المصممين مكتبة معينة ، فيمكن توزيعها مع المتصفح في إصدار HTML6 جديد.
الشرح المحسن
يجب ألا يقتصر التعليق التوضيحي على أقسام التعليقات الموجودة في قاعدة المقالات. يمكن للبنية القياسية إضافة تعليقات توضيحية للفقرات والجمل والكلمات. يمكن أيضًا إضافة تعليقات توضيحية للصور واللحظات الموجودة داخل الفيديو بنسخة متطورة. يسمح توحيد واجهة برمجة التطبيقات لجميع مواقع الويب والمتصفحات بمعالجة التعليقات التوضيحية الأساسية بنفس الطريقة. خيارات التعليقات التوضيحية المحسنة في انتظار مجتمع المطورين.
تكامل الكاميرا
تلعب الكاميرا دورًا حيويًا في تفاعلاتنا في المنزل والمكتب. من المتوقع أن يسمح HTML6 بجميع محتويات الوسائط على أجهزتنا بعدة طرق. يمكن أن يوفر مزيدًا من التحكم في الكاميرا عبر المتصفح أو النماذج أو الأنظمة الأخرى. تعد التقاط الصور والفلترة السريعة وتأثيرات الكاميرا من بعض الجوانب التي يمكن معالجتها. الاحتمال الآخر هو السماح بتنسيقات متعددة لكل من الفيديو والتصوير الفوتوغرافي مع تسهيل إنشاء الصور البانورامية و HDR.
مصادقة أكثر صرامة
يمكن أن يقدم المتصفح المزيد عندما يتعلق الأمر بالمصادقة. على سبيل المثال ، بدلاً من استخدام ملفات تعريف الارتباط ، يمكن أن يعرض المتصفح تسجيل الرموز المميزة بمفاتيح مضمنة يمكن تخزينها في شرائح صلبة. يمنع الأشخاص (اقرأ: المتسللين) من الوصول من خلال المفتاح السري. يمكن إضافة API إلى المتصفح لتمكين مواقع الويب من طلب توقيعات رقمية أفضل. بطريقة ما ، يمكن أن تصبح المصادقة أقوى لتعزيز الأمان.
تنسيقات microformat
يمكن تحديد التفاصيل الشائعة مثل أجزاء العنوان أو رقم الهاتف باستخدام طريقة قياسية تسمى تنسيقات microformat في HTML6. يمكننا الحصول على استجابة سريعة من برامج زحف الويب ومحركات البحث بمجموعة قياسية من العلامات. يمكن للمطورين استخدام ترميز أكثر شمولاً للمواقع والتواريخ والأوقات والببليوجرافيات وجميع أشكال البيانات القياسية لإنشاء معلومات مفصلة. يمكننا أيضًا توقع رموز الهاتف الخاصة بكل بلد. يسعى المطورون أيضًا إلى المرونة في تغيير تنسيق التاريخ. في الوقت الحالي ، يتم تعيينه افتراضيًا مع الولايات المتحدة. بطريقة ما ، ستصبح تنسيقات microformat أقوى وأكثر مرونة في HTML6.
المعالجات المسبقة
يمكن دمج المعالجات المسبقة القابلة للتوصيل في HTML6 لتحويل اللغات إلى JavaScript. اليوم ، يمكن تجميع Lisp و Python و Ruby و Erlang و Scala والعديد من اللغات الأخرى في JavaScript ، ويمكن لإصدار HTML القادم إحضار معالج مسبق لخدمة هذا الهدف. عندما يتم ترجمة أي من هذه اللغات إلى JavaScript ، فإنها تنتج إصدارًا أصغر يمكن نقله بسهولة عبر الإنترنت. HTML5 هو إصدار عام من JavaScript يجعل تحسين الشفرة أكثر صعوبة بالنسبة للجهاز المحلي.
لغات قابلة للتوصيل
لا يمكننا استبعاد وصول مجموعة من اللغات القابلة للتوصيل بإصدار HTML القادم. سيزيد من المرونة مع تقديم المزيد من خيارات التصميم للمطورين. على الرغم من أن JavaScript يمكن أن يستمر على نطاق واسع ، إلا أن الامتدادات المتخصصة بلغة متخصصة قد تظهر في المستقبل. يريد المطورون أيضًا علامات HTML التي يمكنها إنشاء مجموعة من الرموز لتلبية المتطلبات.
حجم المتصفح الآلي للصور
يعتمد ظهور الصورة على جوانب مختلفة مثل نوع الأجهزة وحجم النافذة. تحتوي علامة <img>
القياسية في HTML على SRC واحد فقط يمكن أن يزعج المتصفح أثناء عرض الصورة. ومع ذلك ، قد يقترح بروتوكول HTML الأفضل عرضًا أو ارتفاعًا مرغوبًا لصورة ما ، ويمكن للخادم توفير الدقة المثلى. بطريقة ما ، تحجيم الصور في المتصفح على وشك الظهور في HTML6.
الوصول الآمن إلى معلومات الاتصال
غالبًا ما يرغب الأشخاص أو الزوار في الحصول على عنوان بريد إلكتروني أو رقم اتصال لقاعدة بيانات أجهزتهم. في الوقت الحالي ، يمكنهم القيام بذلك عن طريق القص واللصق. من المتوقع أن تنقذ JavaScript الأشخاص من هذا القص واللصق في الإصدار الجديد من HTML6. في الأجهزة المحمولة ، يمكن أن توفر الواجهة وصولاً خاضعًا للحراسة لمعلومات الاتصال للأشخاص.
خاتمة
هذا ليس كل شئ. يريد المطورون أن تجعل HTML6 التحقق من صحة النموذج قابلاً للتخصيص. في الوقت الحالي ، يأتي بشكل افتراضي وغير قابل للتغيير. علاوة على ذلك ، في العالم الذي يحركه الهاتف المحمول ، يمكن أن يوفر إصدار HTML القادم وسيلة لتتبع الموقع باستخدام نظام تحديد المواقع العالمي (GPS) في متصفح الهاتف المحمول. تتضمن بعض أفكار الميزات الأخرى دعم Bluetooth ، وحماية البرامج الضارة المضمنة ، والقدرة على نقل الملفات من نظير إلى نظير ، وما إلى ذلك ، وهي أيضًا قيد الإعداد لـ HTML6 القادم.
تم تعيين المرحلة لـ HTML6. دعنا ننتظر حتى يأتي أحدث إصدار يمكنه إحداث تغيير جذري في عملية تطوير الويب.
نتمنى لك السعادة في تطوير الويب!