نظرة عامة موجزة على العلامات الجديدة والملغاة لـ HTML5

يمثل كتلة محتوى في الصفحة ، مثل الفصل أو الرأس أو تذييل أو أجزاء أخرى من الصفحة. يمكن استخدامه مع عناصر مثل H1 و H2 ، وما إلى ذلك لتمثيل بنية المستند. مثال: <section> ... </section> في html5 ؛ <viv> ... </div> في HTML4.

يشير إلى وجود محتوى مستقل على الصفحة غير المرتبطة بالسياق. على سبيل المثال ، مقال.

يمثل المعلومات الإضافية بخلاف محتوى عنصر المقالة والمتعلق بمحتوى عنصر المقالة.

يمثل عنوان كتلة المحتوى أو صفحة حقيقية في الصفحة.

يشير إلى الجمع بين عناوين صفحة حقيقية أو كتلة محتوى في صفحة.

حاشية تمثل صفحة كاملة أو كتلة محتوى في الصفحة. بشكل عام ، سيتضمن اسم المبدع وتاريخ الإنشاء ومعلومات الاتصال بالمبدع.

يمثل جزء الرابط التنقل في الصفحة.

يمثل محتوى تدفق مستقل ، ويمثل عمومًا وحدة مستقلة في محتوى الدفق لجسم المستند. استخدم عنصر Figcaption لإضافة عنوان إلى مجموعة عنصر الرقم. على سبيل المثال:

<GINGE>

<IGCAPTION> PRC </isigcaption>

<p> ولدت جمهورية الصين الشعبية في عام 1949 </p>

</figure>

شائعة المكتوبة في HTML4

<dl>

<H1> PRC </h1>

<p> ولدت جمهورية الصين الشعبية في عام 1949 </p>

</dl>

عناصر الفيديو

حدد الفيديو. مثل مقاطع الأفلام أو تدفقات الفيديو الأخرى. مثال: <video src = movie.ogg controls = controls> عنصر الفيديو </video>

كيفية الكتابة في HTML4:

<type type = video/ogg data = move.ogv>

<param name = src value = movie.ogv>

</object>

تحديد الصوت. مثل الموسيقى أو تدفقات الصوت الأخرى. مثال: <Audio src = someaudio.wav> عنصر الصوت </audio>

كيفية الكتابة في HTML4:

<object type = "application/ogg" data = "someaudio.wav">

<param name = "src" value = "someaudio.wav">

</object>

تستخدم لتضمين المحتوى (بما في ذلك الوسائط المختلفة). يمكن أن تكون التنسيقات MIDI ، WAV ، AIFF ، AU ، MP3 ، فلاش ، إلخ.

مثال رمز في html4 <كائن بيانات = فلاش.

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

html5 <mark> </mark> ؛ html4 <span> </span>.

يمثل عملية تشغيل. يمكنك استخدام عنصر التقدم لعرض العمليات التي تستهلك وظائف تستغرق وقتًا طويلاً في JavaScript. في انتظار ... من فضلك انتظر لاحقًا. <Drovaw> </rovice>.

إنه يشير إلى تاريخ أو وقت ، ويمكن أن يكون أيضًا في نفس الوقت.

تحديد تعليقات روبي (النطق الصيني أو الأحرف).

استخدم مع علامات <Ruby> و <rt>. يتكون عنصر Ruby من حرف واحد أو أكثر (يتطلب شرحًا/نطقًا) وعنصر RT الذي يوفر تلك المعلومات ، ويتضمن أيضًا عنصر RP اختياري يحدد ما يتم عرضه عندما لا يدعم المتصفح عنصر Ruby.

<Ruby>

<rt> <rp> (</rp> ㄏㄢ <Rp>) </rp> </rt>

</ruby>

يحدد تفسير أو نطق الأحرف (النطق الصيني أو الأحرف).

تستخدم في تعليقات Ruby لتحديد ما يتم عرضه في المتصفحات التي لا تدعم عناصر Ruby.

يشير إلى فواصل الخط الناعمة. الفرق من عنصر BR: عنصر BR يعني أنه يجب فتح فواصل الخط هنا ؛ يعني WBR أنه عندما يكون للنافذة أو العنصر الوالد المتصفح قوسًا واسعًا (عندما لا تكون هناك حاجة إلى فتحه) ، لا يوجد أي استراحة خط ، وعندما لا يكون العرض كافيًا ، فإنه يلف انقطاع الخط هنا.

تحديد الرسومات ، مثل الرسوم البيانية والصور الأخرى. عنصر <Canvas> هو مجرد حاوية رسومية (قماش) ويجب رسمها باستخدام برنامج نصي.

<canvas id = "mycanvas"> </canvas> <script type = "text/javaScript">

var canvas = document.getElementById ('mycanvas') ؛

var ctx = canvas.getContext ('2d') ؛

ctx.fillstyle = '#ff0000' ؛

CTX.FillRect (0،0،80،100) ؛

</script>

يمثل زر الأوامر ، مثل زر الراديو أو خانة الاختيار أو زر.

عنصر الأوامر مرئي فقط إذا كان داخل عنصر القائمة. خلاف ذلك ، لن يتم عرض هذا العنصر ، ولكن يمكنك استخدامه لتحديد اختصارات لوحة المفاتيح. .

<Mence>

<command onClick = "Alert ('Hello World')">

انقر فوق لي! </command>

</menu>

تستخدم لوصف تفاصيل مستند أو جزء من وثيقة.

يمكن استخدامها مع علامة الملخص ، والتي تحدد العنوان للحصول على التفاصيل. العنوان مرئي ، وسيتم عرض التفاصيل عندما ينقر المستخدم على العنوان. يجب أن يكون الملخص أول عنصر طفل من التفاصيل.

تحديد قائمة الخيارات. يرجى استخدام هذا العنصر بالتزامن مع عنصر الإدخال لتحديد قيم الإدخال المحتملة. لن يتم عرض عازف البيانات وخياراته ، فهي مجرد قائمة قانونية لقيم الإدخال. استخدم سمة القائمة لعنصر الإدخال لربط طبيب البيانات.

<input id = "mycar" list = "cars" />

<Datalist id = "Cars">

<value Option = "BMW">

<value Option = "Ford">

<value Option = "volvo">

</datalist>

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

إذا تم تعيين السمة المتعددة على TRUE ، فيمكنك تحديد أكثر من عنصر واحد في القائمة.

تحدد العلامة حقل مولد زوج المفاتيح المستخدم للنموذج.

عند إرسال النموذج ، يتم تخزين المفتاح الخاص محليًا ويتم إرسال المفتاح العام إلى الخادم.

<form action = "demo_keygen.asp" method = "get">

اسم المستخدم: <input type = "text" name = "usr_name" />

التشفير: <keygen name = "Security" />

<نوع الإدخال = "إرسال" />

</form>

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

<form action = "form_action.asp" method = "get" name = "sumform">

<output name = "sum"> </upture>

</form>

تحدد العلامات موارد الوسائط لعناصر الوسائط (مثل <video> و <udio>).

تحديد قائمة القائمة. استخدم هذه العلامة عندما تريد سرد عناصر التحكم في النماذج. لاحظ الفرق من NAV ، يتم استخدام القائمة خصيصًا لعناصر التحكم في النماذج.

<Mence>

<li> <input type = "checkbox" /> Red </li>

<li> <input type = "checkbox" /> Blue </li>

</menu>

يجب إدخال عنوان URL للبريد الإلكتروني

يجب إدخال رقم عنوان URL

يجب إدخال نطاق القيمة

يجب إدخال القيمة ضمن نطاق معين. مرتقيات التاريخ (محدد التاريخ)

أنواع الإدخال الجديدة مع تواريخ متعددة وأوقات متاحة:

التاريخ - حدد اليوم ، الشهر ، السنة

الشهر - اختيار الشهر والسنة

الأسبوع - حدد الأسبوع والسنة

الوقت - حدد الوقت (الساعات والدقائق)

DateTime - حدد الوقت ، اليوم ، الشهر ، السنة (وقت UTC)

DateTime -Local - حدد الوقت ، اليوم ، الشهر ، السنة (التوقيت المحلي)

يستخدم للبحث عن المجالات ، يتم عرض المجال كنطاق نص منتظم. لون

1. العناصر التي يمكن استبدالها بـ CSS

BASEFONT ، BIG ، CENTER ، FONT ، S ، Strike ، TT ، U. هذه العناصر مخصصة لعرض الصورة. يدافع HTML5 من التحرير الموحد لوظائف عرض الصورة في CSS.

2. لم يعد استخدام إطارات الإطار.

إطارات ، إطار ، noframes. لا يتم دعم إطار الإطار في HTML5 ، فهو يدعم فقط إطار iframe ، أو يستخدم نموذجًا يتوافق مع الصفحة المكونة من صفحات متعددة تم إنشاؤها بواسطة الخادم ، ويحذف العلامات الثلاث المذكورة أعلاه.

3. فقط بعض العناصر التي تدعمها المتصفحات

applet ، bgsound ، وميض ، وسرادق وغيرها من العلامات.

4. العناصر التي ألغت أخرى

إلغاء RB واستبدال Shuyong Ruby.

إلغاء الاختصار باستخدام Abbr stitution.

إلغاء DIR لاستخدام UL بديل.

إلغاء Isindex لاستبداله من خلال الجمع بين الشكل والإدخال

إلغاء القائمة باستخدام البديل المسبق

إلغاء XMP باستخدام الكود بدلاً من ذلك

إلغاء استخدام Nextid لل Guids

إلغاء Plaintex لاستخدام النص/Plian (الجسم غير المطوّل).

============================================================================

عند النظر إلى العديد من العلامات والعناصر الجديدة ، أتساءل عما إذا كان HTML5 هنا حقًا؟ المعلومات والدروس التعليمية ذات الصلة الساحقة ، والإعلان عن دعم HTML5 من قبل جميع الشركات المصنعة HTML5 و CSS3 و Major Browser ، يجعلني أشعر أن عصر HTML5 قادم بالفعل. هل يمكنني استخدامه بثقة في مشروعي؟ ليس بعد. على الرغم من أن IE9 قد ادعت دعم HTML5 ، فإن IE8 لا يدعمها على الإطلاق. لا يزال هناك عدد كبير من الأشخاص الذين يجلسون أمام هاتف Bensi Master في عامي 2006 و 2007 ، باستخدام نظام XP وتثبيت IE8 لزحف الإنترنت ؛ هناك أيضًا بعض الرجال والأخوات المسنين الذين اشتروا الهواتف الجديدة التي نقروا عليها من Win7 الأصلي واستبدلوها بإصدار D XP. على الرغم من الآن مع HTML5SHIV ، يمكن أن تدعم IE8 بعض علامات HTML الجديدة بصفة محدودة ، وبعض العلامات الجديدة فقط. يمكنني اختيار التكنولوجيا الجديدة التي يجب استخدامها ، لكن لا يمكنني أن أسأل ما هو متصفح المستخدم الذي يجب تثبيته. في الواقع ، ليس من الضروري إنشاء تقنيات جديدة. من الجيد أن تكون مناسبًا. أعتقد أن بعض الأشياء المكتوبة في ASP.NET2 قوية مثل الوظيفة ؛ تمامًا مثل نظرية Cat Grandpa Deng ، فهي تعمل.