شرح مفصل لكيفية استخدام علامات HTML5

HTML 5 هو معيار شبكة جديد ، بهدف استبدال معايير HTML 4.01 الحالية و XHTML 1.0 و DOM المستوى 2 HTML. تقدمك هذه المقالة إلى شرح مفصل لكيفية استخدام علامات HTML5. سوف يتعلم الأصدقاء المهتمين باستخدام علامات HTML5 معًا.

HTML 5 هو معيار شبكة جديد بهدف استبدال معايير HTML 4.01 الحالية و XHTML 1.0 و DOM المستوى 2 HTML. وتأمل في تقليل حاجة المستعرض إلى تطبيق الإنترنت الغني المستند إلى المكونات (RIA) والذي يتطلب المكونات الإضافية ، مثل Adobe Flash و Microsoft Silverlight و Sun Javafx.

يوفر HTML 5 بعض العناصر والسمات الجديدة التي تعكس مواقع الاستخدام الحديثة النموذجية. بعضها يشبه من الناحية الفنية علامات <viv> و <span> ، ولكن لديهم بعض المعاني ، مثل <v> (كتلة التنقل في الموقع) و <tower>. ستكون هذه العلامة مواتية لفهرسة محرك البحث ، وأجهزة الشاشة الصغيرة والأشخاص الذين يعانون من ضعف البصر. كما يوفر ميزات جديدة لعناصر التصفح الأخرى من خلال واجهة قياسية مثل علامات <Oudio> و <video>.

قام HTML 5 ، كجيل جديد من لغة ترميز النص التشعبي ، بإضافة العديد من العلامات. هذه العلامات ليست دلالية فحسب ، بل هي أيضًا قوية. العلامات التالية هي:

<article> يحدد المحتوى الخارجي. على سبيل المثال ، مقال جديد من مزود أخبار خارجي ، إما من مدونة ، أو من منتدى. أو أنه يأتي من مصادر خارجية أخرى.

<جانب جانب> يحدد المحتوى خارج محتوى الصفحة ، ولكن يجب أن يكون مرتبطًا بمحتوى الصفحة

<Oudio> حدد الأصوات ، مثل الموسيقى أو تدفقات الصوت الأخرى

يحدد <Canvas> الرسومات ، مثل الرسوم البيانية والصور الأخرى.

<Comment> يحدد أزرار الأوامر ، مثل أزرار الراديو أو خانات الاختيار أو الأزرار.

<TaTatemplate> حاوية تحدد قالب البيانات. يجب أن يحتوي هذا العنصر على عنصر طفل يحدد القالب: <lect> عنصر

يحدد <TataGrid> قائمة بالبيانات الاختيارية. يتم عرض DataGrid كقائمة شجرة

يحدد <Datalist> قائمة بالبيانات الاختيارية. تستخدم مع عنصر الإدخال لإنشاء قائمة منسدلة لقيم الإدخال

<realog> حدد محادثة ، مثل المحادثة

يحدد <mber> المحتوى المضمّن ، مثل المكونات الإضافية

<revent-source> يحدد مصدر الأحداث التي أرسلها الخادم

<gient> يحدد تجميع محتويات الوسائط وألقابهم

<TOWER> يحدد تذييل القسم أو المستند

<header> يحدد رأس القسم أو المستند

<hgroup> عناوين المجموعة

<Keygen> يحدد المفتاح الذي تم إنشاؤه

<m> تحديد النص مع الرموز

تتمثل الوظيفة الرئيسية لـ <Mark> في تسليط الضوء على النص على الصفحة التي تحتاج إلى تسليط الضوء بصريًا على أهميتها للمستخدم. التطبيق النموذجي هو تسليط الضوء على الكلمات الرئيسية للبحث للمستخدمين في نتائج البحث

<meter> يحدد التدبير في الوحدات. يستخدم فقط للمقاييس ذات القيم القصوى المعروفة والحد الأدنى

<v> تحديد رابط التنقل

<Nest> تحديد النقاط المتداخلة لعناصر الأطفال في قالب البيانات. استخدم مع عناصر <TaTatemplate> و <ruct>

<utput> حدد أنواعًا مختلفة من الإخراج ، مثل إخراج البرنامج النصي

<vorvord> عملية تشغيل. يمكن استخدامه لعرض تقدم وظائف المستهلكة للوقت في جافا سكريبت أو التنزيل

<rule> يحدد قواعد تحديث قوالب البيانات. استخدم مع عناصر <TaTatemplate> و <nest>

يتم استخدام <RP> في تعليقات Ruby لتحديد ما يتم عرضه بواسطة المتصفحات التي لا تدعم عناصر Ruby

<rt> حدد بينيين شخصية صينية أو هيراجانا في الشخصيات اليابانية الصينية

<Ruby> حدد النص المشروح باللغات الآسيوية

<section> يحدد الأقسام في المستند. على سبيل المثال ، فصول أو رؤوس أو تذييلات أو أجزاء أخرى من المستند

يحدد <Source> مورد إعلامي لعناصر الوسائط مثل <video> و <audio>

<summary> يحدد ملخصًا ، رأس التفاصيل. لا يعادل السمة الملخص في الجدول

<time> يحدد تاريخًا أو وقتًا ، أو كليهما

<video> حدد مقاطع الفيديو ، مثل مقاطع الأفلام أو تدفقات الفيديو الأخرى

يضيف HTML5 العديد من العلامات الجديدة ، ويزيل أيضًا بعض العلامات:

يمكن استخدام <اختصار> بدلاً من <abbr>

<Applet> لم يعد مدعومًا

<PaseFont> استخدم CSS بدلاً من ذلك

<big> استخدم CSS بدلاً من ذلك

<centre> استخدم CSS بدلاً من ذلك

<dir> استخدم CSS بدلاً من ذلك

<font> استخدم CSS بدلاً من ذلك

<rame> لم يعد مدعومًا

لم يعد مدعومًا

<Noframes> لم يعد مدعومًا

<s> استخدم CSS بدلاً من ذلك

<small> استخدم CSS بدلاً من ذلك

<strike> استخدم CSS بدلاً من ذلك

<tt> استخدم CSS بدلاً من ذلك

<u> استخدم CSS بدلاً من ذلك

لا ينصح العلامات المذكورة أعلاه في XHTML 1.0 ، لكنها لا تزال مدعومة ، ولكنها غير مدعومة تمامًا في HTML 5. بالإضافة إلى ذلك ، لا يتم دعم العديد من سمات العلامات ، مثل Aling ، إلخ.