التعليق: 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 4 التي عفا عليها الزمن ، بما في ذلك تلك المستخدمة كآثار عرض بحتة ، مثل <Font> و <centre> ، حيث تم استبدالها بـ CSS. هناك أيضًا بعض سلوكيات الشبكة (عبر) من خلال DOM.
دعنا نلقي نظرة على بعض استخدام العلامة الجديد الذي توفره HTML 5 والفرق من HTML 4.
تحدد العلامة <article> المحتوى الخارجي. على سبيل المثال ، مقال جديد من مزود أخبار خارجي ، إما من مدونة ، أو من منتدى. أو أنه يأتي من مصادر خارجية أخرى.
HTML5: <article> </sistral>
HTML4: <viv> </viv>
تحدد TAC <SIRRAND> المحتوى بخلاف المقالة. يجب أن يكون محتوى جانبا مرتبطًا بمحتوى المقالة.
HTML5: محتوى <sidrant> جانبا هو محتوى مستقل ، ولكن يجب أن يكون مرتبطًا بمحتوى المستند. </isside>
HTML4: <viv> جانبا المحتوى مستقل ، ولكن يجب أن يكون مرتبطًا بمحتوى المستند. </div>
تحدد العلامة <Audio> الأصوات ، مثل الموسيقى أو تدفقات الصوت الأخرى.
HTML5: <Audio src = someaudio.wav> لا يدعم متصفحك علامة الصوت. </audio>
html4: <type type = application/ogg data = someaudio.wav> <param name = src value = someaudio.wav> </bomf>
تحدد علامة <Canvas> الرسومات ، مثل الرسوم البيانية والصور الأخرى. تم تصميم عنصر HTML هذا لرسومات متجه العميل. إنه لا يتصرف بمفرده ، ولكنه يقدم واجهة برمجة تطبيقات رسم للعميل JavaScript لتمكين البرنامج النصي من رسم كل ما تريد رسمه على قماش.
html5: <canvas id = mycanvas عرض = 200 ارتفاع = 200> </canvas>
html4: <بيانات الكائن = inc/hdr.svg type = image/svg+xml width = 200 height = 200> </bomust>
تحدد العلامة <morder> أزرار الأوامر ، مثل أزرار الراديو أو خانات الاختيار أو الأزرار.
html5: <command onClick = cut () label = cut>
HTML4: لا شيء
تحدد علامة <Datalist> قائمة بالبيانات الاختيارية. تستخدم مع عنصر الإدخال لإنشاء قائمة منسدلة لقيم الإدخال.
HTML5: <Datalist> </tawist>
HTML4: انظر Combobox.
تحدد علامة <vidence> تفاصيل العنصر الذي يمكن للمستخدم عرضه أو إخفاءه بالنقر. استخدم مع <GENTER> لإنشاء عنوان التفاصيل. العنوان مرئي للمستخدم ويمكن تشغيل التفاصيل أو إيقاف تشغيله عند النقر عليه.
HTML5: <Details> </celps>
html4: <dl style = display: hidden> </dl>
تعرّف العلامة <mbed> المحتوى المضمّن ، مثل الإضافات.
html5: <inmbed src = horse.wav />
html4: <كائن بيانات = فلاش
تحدد علامة <IGCAPTION> عنوان عنصر الشكل. يجب وضع عنصر Figcaption في موضع العنصر الطفل الأول أو الأخير لعنصر الشكل.
HTML5: <GINGE> <IGCAPTION> PRC </isigcaption> </gession>
HTML4: لا شيء
يتم استخدام العلامة <GINGE> لدمج العناصر. استخدم عنصر <IGCAPTION> لإضافة عنوان إلى مجموعة العناصر.
html5: <gient> <IGCAPTION> PRC </isigcaption> <p> ولدت جمهورية الصين الشعبية في عام 1949 ... </p> </gession>
html4: <dl> <h1> prc </h1> <p> ولدت جمهورية الصين الشعبية في عام 1949 ... </p> </dl>
تحدد علامة <Tower> تذييل القسم أو المستند. عادة ، سيحتوي على اسم المبدع ، وتاريخ إنشاء المستند ، و/أو معلومات الاتصال.
HTML5: <Tooler> </tower>
HTML4: <viv> </viv>
تحدد علامة <header> رأس القسم أو المستند.
html5: <header> </header>
HTML4: <viv> </viv>
يتم استخدام علامة <HGROUP> لدمج عناوين صفحة أو قسم ويب.
html5: <hgroup> </hgroup>
HTML4: <viv> </viv>
تحدد علامة <Keygen> مفتاح التوليد.
HTML5: <Keygen>
HTML4: لا شيء
يستخدم <Mark> بشكل أساسي لتقديم النص بصريًا الذي يجب تمييزه للمستخدم. يتمثل تطبيق نموذجي لـ <Mark> في تسليط الضوء على الكلمات الرئيسية للبحث للمستخدمين في نتائج البحث.
HTML5: <Mark> </mark>
html4: <span> </span>
تحدد العلامة <meter> الأوزان والتدابير. استخدم فقط للمقاييس ذات القيم القصوى المعروفة والحد الأدنى. يجب تحديد نطاق المقياس ، إما في نص العنصر أو في سمة MIN/MAX.
html5: <meter> </meter>
HTML4: لا شيء
تحدد علامة <v> جزء من رابط التنقل.
html5: <nav> </v>
HTML4: <ul> </ul>
تحدد TAG <TURPHT> أنواعًا مختلفة من المخرجات ، مثل إخراج البرنامج النصي.
HTML5: <utput> </Output>
html4: <span> </span>
<vorced> عملية تشغيل العلامة. يمكنك استخدام علامة <Droved> لعرض عملية وظائف المستهلكة للوقت في JavaScript.
HTML5: <vorder> </rovision>
HTML4: لا شيء
يتم استخدام علامة <RP> في تعليقات Ruby لتحديد ما يتم عرضه في المتصفحات التي لا تدعم عناصر Ruby.
html5: <rouby> han <rt> <rp> (</rp> ㄏㄢˋ <Rp>) </rp> </rt> </rouby>
HTML4: لا شيء
تحدد العلامات <rt> تفسير أو نطق الأحرف (النطق الصيني أو الأحرف).
html5: <ruby> han <rt> ㄏㄢˋ </rt> </ruby>
HTML4: لا شيء
<Ruby> تعريف العلامة تعليقات Ruby (النطق الصيني أو الأحرف).
html5: <rouby> han <rt> <rp> (</rp> ㄏㄢˋ <Rp>) </rp> </rt> </rouby>
HTML4: لا شيء
تحدد العلامة <section> الأقسام (الأقسام والأقسام) في المستند. على سبيل المثال ، فصول أو رؤوس أو تذييلات أو أجزاء أخرى من المستند.
html5: <section> </section>
HTML4: <viv> </viv>
تحدد علامة <Source> مورد الوسائط لعناصر الوسائط مثل <video> و <udio>.
HTML5: <Source>
HTML4: <Param>
تحتوي العلامة <summary> على عنوان عنصر التفاصيل ، الذي يصف معلومات مفصلة حول مستند أو جزء مستند. يجب أن يكون عنصر الملخص هو العنصر الطفل الأول لعنصر التفاصيل.
html5: <velploy> <summary> html 5 </summary> يعلمك هذا المستند كل ما عليك أن تتعلمه عن html 5. </تفاصيل>
HTML4: لا شيء
تحدد العلامة <time> تاريخًا أو وقتًا ، أو كليهما.
HTML5: <time> </time>
html4: <span> </span>
تحدد علامة <video> مقطع فيديو ، مثل مقطع فيلم أو دفق فيديو آخر.
HTML5: <video src = movie.ogg controls = controls> لا يدعم متصفحك علامة الفيديو. </video>
html4: <كائن نوع = video/ogg data = movie.ogv> <param name = src value = movie.ogv> </bomf>