نحن نعلم أن لغة HTML هي لغة ترميزية بسيطة، وقد قيلت بعض المعرفة الأساسية وتقريبًا كل ما يجب أن يقال، لا أحد ينتبه إلى ما هو جديد في لغة HTML العلامات الشائعة جدًا في HTML، ولكن قد لا تكون على دراية ببعض العلامات الخاصة أو تستخدمها، ولكن ربما ستعجبك حقًا.
1. علامة Optgroup - قم بتجميع الخيارات في عنصر التحديد بشكل منطقي،
قليل من الناس يهتمون بهذا العنصر، وقليل من الناس يعرفون وظيفة هذا العنصر، في الواقع، يتم استخدام هذا العنصر عادةً في عنصر التحديد ووظيفته هي خيارات المجموعة منطقيا ضمن عنصر التحديد. في الواقع، قد نستخدم هذا العنصر في العديد من المناسبات. على سبيل المثال، عندما نقوم بإجراء استطلاعات هوية لزوار الويب، نطلب منهم عادةً ملء المعلومات. لنأخذ المدينة التي تعيش فيها حاليًا كمثال، فقد تعيش في مقاطعة جيانغسو أو مقاطعة شاندونغ إذا كنت تعيش في مقاطعات أخرى، فهناك مدن ضمن هذه المقاطعات، لذا يتعين عليك تجميع هذه المدن في المقاطعات الخاصة بها. عادة نكتب الكود هكذا:
<select>
<option Selected>مدينتك</option>
<option>---مقاطعة شاندونغ---</option>
<خيار>مدينة جينان</option>
<خيار>مدينة لايتشو</option>
<خيار>……</خيار>
<option>---مقاطعة آنهوي---</option>
<خيار>مدينة خفى</option>
<خيار>……</خيار>
<option>---مقاطعة جيانغسو---</option>
<خيار>مدينة نانجينغ</option>
<خيار>……</خيار>
</select>
النتيجة هي كما يلي:
في الواقع، هذه الطريقة بدائية جدًا إذا استخدمنا عنصر optgroup، فسنحقق تأثيرات مختلفة:
<select>
<option Selected>مدينتك</option>
<optgroup label="مقاطعة شاندونغ">
<خيار>مدينة جينان</option>
<خيار>مدينة لايتشو</option>
</optgroup>
<optgroup label="مقاطعة آنهوي">
<خيار>مدينة خفى</option>
<خيار>……</خيار>
</optgroup>
<optgroup label="مقاطعة جيانغسو">
<خيار>مدينة نانجينغ</option>
<خيار>……</خيار>
</optgroup>
</select>
والنتيجة هي كما يلي:
هل هذه الطريقة أفضل؟
2. العلامة الفرعية والعلامة الفرعية - إعدادات الحروف المرتفعة والمنخفضة لكائنات النص.
العلامة الفرعية هي عنصر مضمن ووظيفتها هي: يجب عرض النص المضمن في شكل خط منخفض، وهو أصغر قليلاً من الخط الحالي. يتوفر هذا العنصر بتنسيق HTML من Internet Explorer 3.0 والإصدارات الأحدث، وفي البرنامج النصي من Internet Explorer 4.0 والإصدارات الأحدث. يتطلب هذا العنصر علامة إغلاق.
من الأمثلة الشائعة أنه عند تحرير الصيغ الرياضية، نحتاج إلى تعيين الحروف المرتفعة والمنخفضة للمتغيرات. المثال كما يلي:
X<sub>2</sub>
تأثير
X<sup>2</sup>
هو
كما
يلي:X
2
</em></sub>التأثير كالتالي:
ملاحظة ماو تسي تونغ: قائد عظيم وثوري واستراتيجي عسكري ومفكر
3. علامة bdo - قم بتعطيل قاعدة الاتجاهين لجزء النص المحدد،
فلننظر أولاً إلى مثال بسيط:
<bdo dir="ltr">أحبك كثيرًا</bdo>
<bdo dir="rtl">أنت تحبني كثيرًا. </bdo>
ملاحظة: عند استخدام علامة bod، يجب عليك استخدام سمة علامة dir، ltr تعني ترتيب الترتيب من اليسار إلى اليمين، ويشير rtl إلى ترتيب الترتيب من اليمين إلى اليسار.
نتيجة العرض هي:
أنا أحبك كثيرًا،
أنت تحبني كثيرًا.
يمكننا أن نرى أن فرز النص المختلف يصبح نفس نتيجة العرض بعد تحديده بواسطة bdo. تقوم خوارزمية Unicode ثنائية الاتجاه تلقائيًا بعكس تسلسل الأحرف المضمن بناءً على خصائص الاتجاه الخاصة بها. على سبيل المثال، الاتجاه الأساسي للمستندات الإنجليزية هو من اليسار إلى اليمين (ltr). إذا كان قسم من المستند يحتوي على لغة تُقرأ من اليمين إلى اليسار (rtl)، فيمكنك تطبيق خوارزمية ثنائية الاتجاه لعكس اتجاه اللغة. عادةً ما تكون الخوارزمية ثنائية الاتجاه وسمة علامة DIR كافية للتعامل مع التغييرات في اتجاه التضمين. ومع ذلك، عند إرسال نص منسق إلى خوارزمية ثنائية الاتجاه، قد تحدث أخطاء. على سبيل المثال، سيتم تحويل مقطع النص الذي يحتوي على الإنجليزية والعبرية المنسق في رسالة بريد إلكتروني بشكل غير صحيح بواسطة الخوارزمية ثنائية الاتجاه. نظرًا لأن ترتيب قراءة النص العبري قد تم تحويله بالفعل إلى تنسيق البريد الإلكتروني، فإن تطبيق الخوارزمية ثنائية الاتجاه عليه يؤدي إلى تحويل النص مرة أخرى. سيقوم عنصر bdo بإيقاف تشغيل الخوارزمية ثنائية الاتجاه والتحكم في ترتيب القراءة. عند استخدام عنصر bdo، يجب عليك استخدام سمة علامة dir.
المؤلف: عام القرد والحصان والقمر المصدر: Tianji.com