تگ bdi در HTML

  /  فرانت اند   /  HTML   /  تگ bdi در HTML

تگ bdi در HTML برای تنظیم جهت دهی به متن هایی می باشد که فرمت متفاوتی دارند.

مثال

<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>


تعریف و کاربرد

تگ bdi در HTML مخفف Bi-Directional Isolation است.

عنصر bdi جهت دهی متنی را که فرمتی متفاوت دارد ، اصلاح میکند برای درک بهتر این مطلب مثال های زیر را بررسی کنید و باهم مقایسه کنید.

مثال

در این مثال ما پیغام ( سلام اینجا سایت آموزشی bubbleslearn.ir هست ) را بدون تگ bdi چاپ میکنیم.

<p>سلام اینجا سایت آموزشی bubbleslearn.ir هست </p>

خروجی

سلام اینجا سایت آموزشی bubbleslearn.ir هست

همانطور که مشاهده میکنید چون از یک متن انگلیسی درون یک متن فارسی استفاده کرده ایم ساختار جمله نامرتب و بهم ریخته شده است.

مثال

در این مثال از تگ bdi برای متن انگلیسی خود استفاده میکنیم

<p>سلام اینجا سایت آموزشی <bdi>bubbleslearn.ir</bdi> هست</p>

خروجی

سلام اینجا سایت آموزشی bubbleslearn.ir هست

پشتیبانی مرورگر ها

در جدول زیر پشتیبانی تگ bdi در HTML را در مرورگر های مختلف بررسی کردیم.

عنصر
<bdi>16.079.010.0پشتیبانی نمی شود15.0

خواص عمومی

تگ bdi از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

تگ bdi از رویداد های عمومی در HTML پشتیبانی میکند.

برای دسترسی به آموزش های بیشتر و ویدیو های من ، کلمه کلیدی متین برونسی را داخل گوگل سرچ کنید.

ارسال یک نظر