آموزش تگ bdi در HTML

رتبه: 0 ار 0 رای sssss
تگ bdi
نویسنده: میلاد حیدری زمان مطالعه 2 دقیقه
Banner Image

تگ < bdi> مخففBidirectional Isolate و به معنای جداسازی دو جهته است. این تگ به مرورگر اطلاع می دهد که قسمتی از متن که در جهت مخالف از متن اطرافش قالب بندی شده را جدا کند و جهت متن را حفظ کند.

تگ جدیدی در ۵ HTML است و برای زبان هایی مانند عربی یا عبری مفید است و همچنین اگر مرورگر به طور پویا، یک بخش متنی را بدون دانستن جهت آن در صفحه قرار دهد، مورد استفاده قرار می گیرد.

نکته: جهت محتوا در داخل <bdi> روی جهت محتوای اطرافش تأثیری نمی گذارد.

ساختار

<bdi>Content</bdi>

در جدول زیر برخی از مشخصات تگ <bdi> آورده شده است:

خطی نمایش
هر دو تگ شروع و پایان را دارد. تگ شروع / تگ پایان
متنی / معنایی کاربرد

مثال

<!DOCTYPE html>

<html>

<head>

<title>Bdi tag</title>

             <style>

     bdi{

           font-size: ۲۵px;

                     color: red; }

       </style>

</head>

<body>

<h2>Example of HTML bdi tag</h2>

<p>

This <bdi> ???? ????? </bdi>  Content is written in Arabic language

</p>

</body>

</html>

خروجی

نمایش خروجی باتگ bdi

ویژگی ها

ویژگی های خاص تگ

تگ <bdi> هیچ ویژگی یا صفت خاص منحصر به خود ندارد.

ویژگی های عمومی

تگ <bdi> از همه ویژگی های عمومی پشتیبانی می کند.

ویژگی های رویداد

تگ <bdi> از همه ویژگی های رویداد پشتیبانی می کند.

تفاوت بین bdi و bdo

تگ < bdi> یک عنصر جدید در ۵ HTML است و بسیار شبیه به عنصر < bdo> می باشد اما تفاوت اصلی بین دو عنصر این است که تگ <bdi> محتوا را از محتوای اطراف خودش جدا می کند اما تگ <bdo> جهت را برعکس می کند. تگ <bdo> بعضی اوقات ممکن است باعث بروز برخی خطاها شود، بنابراین سعی کنید، در صورت لزوم از <bdi> استفاده کنید.

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

نام عنصر chrome browser Chrome ie browser IE firefox browser Firefox opera browser Opera safari browser Safari
<bdi> بله بله بله بله بله

 

profile name
میلاد حیدری

بخندید کتاب بخونید و خوب باشید تا جامعه مون به آرامش برسه. لطفا ! هر سوالی دارید در بخش نظرات مطرح کنید. ما یا سایر هموطنان عزیز پاسخ خواهیم داد. برای کمک به سایت ما و گسترش آموزش در بین هموطنان، در سایتها، وبلاگ ها و شبکه های اجتماعی لینک سایت ما را درج کنید.

مطالب پیشنهادی برای شما

محصولات مرتبط

مشاهده همه

دیدگاهتان را بنویسید

1 2 3 4 5

0 نظر درباره «آموزش تگ bdi در HTML»

    هنوز نظری برای این بخش ثبت نشده است
مشاهده همه نظرات
سبد خرید
سبد خرید شما خالی است
× جهت نصب روی دکمه زیر در گوشی کلیک نمائید
آی او اس
سپس در مرحله بعد برروی دکمه "Add To Home Screen" کلیک نمائید