يمثل كتلة محتوى في الصفحة ، مثل الفصل أو الرأس أو تذييل أو أجزاء أخرى من الصفحة. يمكن استخدامه مع عناصر مثل H1 و H2 ، وما إلى ذلك لتمثيل بنية المستند. مثال: <section> ... </section> في html5 ؛ <viv> ... </div> في HTML4.
عنصر المادةيشير إلى وجود محتوى مستقل على الصفحة غير المرتبطة بالسياق. على سبيل المثال ، مقال.
جانبا العنصريمثل المعلومات الإضافية بخلاف محتوى عنصر المقالة والمتعلق بمحتوى عنصر المقالة.
عنصر الرأسيمثل عنوان كتلة المحتوى أو صفحة حقيقية في الصفحة.
عناصر hgroupيشير إلى الجمع بين عناوين صفحة حقيقية أو كتلة محتوى في صفحة.
عنصر تذييلحاشية تمثل صفحة كاملة أو كتلة محتوى في الصفحة. بشكل عام ، سيتضمن اسم المبدع وتاريخ الإنشاء ومعلومات الاتصال بالمبدع.
عناصر البحريةيمثل جزء الرابط التنقل في الصفحة.
عنصر الشكل يمثل محتوى تدفق مستقل ، ويمثل عمومًا وحدة مستقلة في محتوى الدفق لجسم المستند. استخدم عنصر 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>
عنصر RTيحدد تفسير أو نطق الأحرف (النطق الصيني أو الأحرف).
عنصر RPتستخدم في تعليقات Ruby لتحديد ما يتم عرضه في المتصفحات التي لا تدعم عناصر Ruby.
عنصر WBRيشير إلى فواصل الخط الناعمة. الفرق من عنصر 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>
عنصر الأوامر -seems ليكون ذا تأثير ضئيل. هل هناك أي مشكلة في الدعميمثل زر الأوامر ، مثل زر الراديو أو خانة الاختيار أو زر.
عنصر الأوامر مرئي فقط إذا كان داخل عنصر القائمة. خلاف ذلك ، لن يتم عرض هذا العنصر ، ولكن يمكنك استخدامه لتحديد اختصارات لوحة المفاتيح. .
<Mence>
<command onClick = "Alert ('Hello World')">
انقر فوق لي! </command>
</menu>
تفاصيل علامات حاليا فقط chrome يدعم علامات التفاصيلتستخدم لوصف تفاصيل مستند أو جزء من وثيقة.
يمكن استخدامها مع علامة الملخص ، والتي تحدد العنوان للحصول على التفاصيل. العنوان مرئي ، وسيتم عرض التفاصيل عندما ينقر المستخدم على العنوان. يجب أن يكون الملخص أول عنصر طفل من التفاصيل.
عازف Datalistتحديد قائمة الخيارات. يرجى استخدام هذا العنصر بالتزامن مع عنصر الإدخال لتحديد قيم الإدخال المحتملة. لن يتم عرض عازف البيانات وخياراته ، فهي مجرد قائمة قانونية لقيم الإدخال. استخدم سمة القائمة لعنصر الإدخال لربط طبيب البيانات.
<input id = "mycar" list = "cars" />
<Datalist id = "Cars">
<value Option = "BMW">
<value Option = "Ford">
<value Option = "volvo">
</datalist>
كيفية استخدام علامة DataGrid ؟يحدد قائمة البيانات الاختيارية. يتم عرض DataGrid كقائمة شجرة.
إذا تم تعيين السمة المتعددة على TRUE ، فيمكنك تحديد أكثر من عنصر واحد في القائمة.
كيفية استخدام علامة Keygen ؟تحدد العلامة حقل مولد زوج المفاتيح المستخدم للنموذج.
عند إرسال النموذج ، يتم تخزين المفتاح الخاص محليًا ويتم إرسال المفتاح العام إلى الخادم.
<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 ، فهي تعمل.