شرح وسم < bdi > ولماذا هو مهم ومفيد

غالباً عندما تدخل الانترنت ستجد مواقع الانترنت ستجد زوارها متعددي اللغات و ربنا تكون هناك مدخلات مثل الاسم, مرة يدخل بالانجليزية و مرة باللغة العربية فتختلف الاتجاهات فيظهر محتوى الموقع بشكل غير مرتب وجميل.

إليكم هذا المثال:

• User hrefs: 60 points
• User jdoe : 80 points
• User إيان: 90 points

هل ترى قبل أن نضيف الوسم <bdi>  لاحظ اسم إبان مختلف عن البقية في اتجاه النص وغير مرتب, الان دعنا نضيف الوسم و نرتب المنظر.

• User hrefs: 60 points
• User jdoe: 80 points
• User إيان: 90 points

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

الان إليكم الكود الخاص بالوسم:

<ul>
  <li>User <bdi>hrefs</bdi>: 60 points</li>
  <li>User <bdi>jdoe</bdi>: 80 points</li>
  <li>User <bdi>إيان</bdi>: 90 points</li>
</ul>