5 عناصر HTML قد لا تعرف كيفية استخدامها

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

في منشور اليوم ، سننظر في خمسة عناصر HTML ، بعضها قد تستخدمها بشكل متكرر ، ولكن ربما لا في كامل إمكاناتها.

1.

ال جزء لديه وظيفة مماثلة ل البيانات-* سمات. ويمكن استخدامه ل توفير البيانات المقروءة آليا للحصول على محتوى سهل الاستعمال. ال القيمة تحمل سمة هذا العنصر المعلومات المضافة.

 
المجلدات الثلاثة لرواية سيد الخواتم هي: زمالة الخاتم, البرجين, و عودة الملك.
 
أرقام ISBN للكتب المذكورة في هذه الصفحة: 
 

في HTML أعلاه ، و ISBN من كل كتاب هو وأضاف في القيمة سمة من جزء الذي يرفق عنوان الكتاب. في سوق الكتاب ، يتم استخدام رقم ISBN لتعريف الكتاب بشكل فريد.

 const ISBNListBlank = document.querySelector ('# ISBNListBlank') const dataElements = document.querySelectorAll ('data')؛ كونتي آري = [] ؛ dataElements.forEach ((dataElement) => ary.push (dataElement.textContent + ':' + dataElement.value)) ISBNListBlank.textContent = ary.join ('،') 

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

2.

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

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

  يؤدي النقر فوق هذا النص إلى النقر فوق الزر أدناه.   محزر  

النقر فوق نص سوف تحريك انقر حدث من وتظهر رسالة التنبيه المعطاة.

3.

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

العنصر أرفق عنصرين فرعيين رئيسيين, أي و . ال تحتوي العلامة على النص الذي تريد التعليق عليه (يطلق عليه قاعدة النص) و يحمل الشرح نفسه.

 
يتم استدعاء الشخص الذي ينشئ شركة أو أعمالًا تجارية ، ويتحمل المخاطر المالية على أمل الربح رياديà  ؟؟ ؟؟ ؟؟ à Â'ntrà ؟؟  ؟؟ برا ؟؟  à ؟؟ ؟؟ ؟؟   نا ؟؟ ؟؟ ؟؟ à  ؟؟. مروج في صناعة الترفيه.
 

نطق ال “ريادي” تمت إضافة الكلمة باستخدام عنصر داخل الفقرة. الكلمة نفسها هي ملفوفة في العلامة والنطق في .

هذه هي الطريقة التي يبدو بها الإخراج:

4.

ال

عنصر للقوائم المطلوبة هو عنصر آخر قد تكون على دراية. يخلق قائمة ذلك لديها عناصر مرقمة, على عكس قائمة غير مرتبة تم إنشاؤها باستخدام
.

ربما كنت تعرف عن الطلب ، لكن هل تعلم ذلك يمكن عكس الطلب? بدلا من أمر متزايد, تناقص الترقيم ويمكن أيضا أن يؤديها

, باستخدام عكس صفة، عزا.

 
 
حك
 
ما جونغ
 
احتكار
 
شطرنج
 
Jenga
 
 

ال عكس صفة، عزا عكس الترقيم, بينما ال نوع صفة، عزا يحدد نوع الترقيم. العاصمة التي تشير إلى ترقيم العاصمة الرومانية.

هكذا يبدو على الشاشة:



5.

ال ويهدف العنصر ل التفاف مصطلح يتم تعريفه بواسطة النص المحيط به. النص المرفق بواسطة العلامة هي تم تصميمه بواسطة المتصفحات بالخط المائل, وهذا يعني أن هذا هو المصطلح الذي يتم تعريفه.

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

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

 
هناك  تفرع ثنائي  بين التصميم والنموذج.
 

هذا هو متصفح التصميم الافتراضي, ومع ذلك ، في موقع الإنتاج ، قد ترغب في استخدام نمط مختلف:



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