مشاركة علامات التخصيص غير المعروفة في HTML

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

1. علامة optgroup - قم بتجميع الخيارات في عنصر التحديد بشكل منطقي

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

<حدد>
<option Selected>مدينتك</option>
<option>---مقاطعة شاندونغ---</option>
<خيار>مدينة جينان</option>
<خيار>مدينة لايتشو</option>
<خيار>……</خيار>
<option>---مقاطعة انهوى---</option>
<خيار>مدينة خفى</option>
<خيار>……</خيار>
<option>---مقاطعة جيانغسو---</option>
<خيار>مدينة نانجينغ</option>
<خيار>……</خيار>
</حدد>

والنتيجة هي هذا: مدينتك ---مقاطعة شاندونغ--- مدينة جينان مدينة لايتشو … ---مقاطعة انهوى--- مدينة خفى … ---مقاطعة جيانغسو--- مدينة نانجينغ …

في الواقع، هذه الطريقة بسيطة جدًا إذا استخدمنا عنصر optgroup، فسنحقق تأثيرات مختلفة:

<حدد>
<option Selected>مدينتك</option>
<optgroup label="مقاطعة شاندونغ">
<خيار>مدينة جينان</option>
<خيار>مدينة لايتشو</option>
</optgroup>
<optgroup label="مقاطعة آنهوي">
<خيار>مدينة خفى</option>
<خيار>……</خيار>
</optgroup>
<optgroup label="مقاطعة جيانغسو">
<خيار>مدينة نانجينغ</option>
<خيار>……</خيار>
</optgroup>
</حدد>

والنتيجة هي هذا: مدينتك مدينة جينان مدينة لايتشو مدينة خفى … مدينة نانجينغ …

هل هذه الطريقة أفضل؟

2. العلامة الفرعية والعلامة الفرعية - إعدادات الحروف المرتفعة والمنخفضة لكائنات النص

العلامة الفرعية هي عنصر سطري تتمثل وظيفته في عرض النص المضمن كخط منخفض، وهو أصغر قليلاً من الخط الحالي. يتوفر هذا العنصر بتنسيق HTML من Internet Explorer 3.0 والإصدارات الأحدث، وفي البرنامج النصي من Internet Explorer 4.0 والإصدارات الأحدث. يتطلب هذا العنصر علامة إغلاق.

من الأمثلة الشائعة أنه عند تحرير الصيغ الرياضية، نحتاج إلى تعيين الحروف المرتفعة والمنخفضة للمتغيرات. المثال كما يلي:

X₂
X²

والنتيجة هي هذا:

× ₂

× ²

ويمكن استخدامه للتعليقات مع علامات أخرى، على سبيل المثال:

ماو تسي تونغ_{<em>ملاحظة: قائد عظيم وثوري واستراتيجي عسكري ومفكر</em>}

والنتيجة هي هذا:

_{ملاحظات عن ماو تسي تونغ: القائد العظيم والثوري والاستراتيجي العسكري والمفكر}

3. علامة bdo - تعطيل القواعد ثنائية الاتجاه لأجزاء النص المحددة

دعونا نلقي نظرة على مثال بسيط أولاً:

<bdo dir="ltr">أحبك كثيرًا</bdo>

<bdo dir="rtl">حبك ليس لي</bdo>

ملاحظة: عند استخدام علامة bod، يجب عليك استخدام سمة علامة dir. يشير ltr إلى ترتيب الترتيب من اليسار إلى اليمين، ويشير rtl إلى ترتيب الترتيب من اليمين إلى اليسار.

النتيجة المعروضة هي:

أنا أحبك كثيراً

أنت تحبني كثيرا

نرى أن فرز النص المختلف يصبح نفس نتيجة العرض بعد تحديده بواسطة bdo. تقوم خوارزمية Unicode ثنائية الاتجاه تلقائيًا بعكس تسلسل الأحرف المضمن بناءً على خصائص الاتجاه الخاصة بها. على سبيل المثال، الاتجاه الأساسي للمستندات الإنجليزية هو من اليسار إلى اليمين (ltr). إذا كان قسم من المستند يحتوي على لغة تُقرأ من اليمين إلى اليسار (rtl)، فيمكنك تطبيق خوارزمية ثنائية الاتجاه لعكس اتجاه اللغة. عادةً ما تكون الخوارزمية ثنائية الاتجاه وسمة علامة DIR كافية للتعامل مع التغييرات في اتجاه التضمين. ومع ذلك، عند إرسال نص منسق إلى خوارزمية ثنائية الاتجاه، قد تحدث أخطاء. على سبيل المثال، سيتم تحويل مقطع النص الذي يحتوي على الإنجليزية والعبرية المنسقة في رسالة بريد إلكتروني بشكل غير صحيح بواسطة الخوارزمية ثنائية الاتجاه. نظرًا لأن ترتيب قراءة النص العبري قد تم تحويله بالفعل إلى تنسيق البريد الإلكتروني، فإن تطبيق الخوارزمية ثنائية الاتجاه عليه يؤدي إلى تحويل النص مرة أخرى. سيقوم عنصر bdo بإيقاف تشغيل الخوارزمية ثنائية الاتجاه والتحكم في ترتيب القراءة. عند استخدام عنصر bdo، يجب عليك استخدام سمة علامة dir.