آموزش تگ bdi در HTML
آموزش تگ bdi در HTML
دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ bdi در HTML به صورت کامل آشنا بشید.
تگ bdi در HTML
تگ bdi که مخفف کلمه ی ترکیبی ( Bi-Directional Isolation ) است، که معنای لغوی آن جداسازی دوطرفه یا ( دو جهته ) می باشد. و تگی برای جداسازی یا اینطور بگیم برای جهت بندی محتوا در یک صفحه وب است.
خب حالا یعنی چی جداسازی دوطرفه یا دو جهته؟! این یعنی اینکه ما بتونیم یک متن رو که جهتش متفاوت با بقیه متن ها می باشد را بتوانیم به راحتی در یک صفحه ی وب قرار دهیم.
مثال : شاید تا امروز برای یکبار هم که شده یک متن (جمله) فارسی را تایپ کرده باشید و در بین این متن از یک یا چندین کلمه ی انگلیسی استفاده کرده باشید! خب یادتان است در خروجی اون جمله چگونه نمایش داده شده؟
آها خب چرا اینجوری میشه؟ دلیلش چیه بنظرتون؟ دلیلش اینه که در زبان انگلیسی جهت متن از چپ به راست (LTR) است اما زبانی مثل زبان فارسی جهت متنش از راست به چپ است (RTL)
پس نتیجه می گیریم تگ bdi میاد و این مشکل رو حل میکنه ، فقط کافیه وقتی میخواید از یک متن انگلیسی در یک متن فارسی استفاده کنید بیاید و اون متن انگلیسی رو در بین تگ bdi بنویسید همین و بس.
راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید.
مثال از تگ bdi در HTML
در ادامه ی آموزش html و css میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره یک : استفاده از تگ bdi
<body> <p>سلام خوبی؟ من <bdi>Milad</bdi> هستم</p> </body>
در مثال شماره دو : استفاده از صفت dir برای تعیین کردن جهت متن صفحه ( دیگه به هیچ وجه لازم نیست از تگ bdi استفاده کنید )
<body dir="rtl"> <p>سلام خوبی؟ من Milad هستم</p> </body>
و مثال شماره سه : استفاده از ویژگی direction در CSS
<style>
body{
direction:rtl;
}
</style>
پشتیبانی مرورگرها
در جدولی که در پایین مشاهده می کنید به این نتیجه می رسید که آیا مرورگرهای اینترنتی از تگ bdi در HTML پشتیبانی میکنند یا خیر.
پشتیبانی از صفات و رویدادهای عمومی
تگ bdi قابلیت پشتیبانی از تمام صفات عمومی و رویدادهای عمومی را در HTML دارد.
نکات و توضیحات
- برای تعیین کردن جهت متن تمام صفحه همیشه تلاش کنید یا از صفت dir و یا از ویژگی direction در CSS استفاده نمایید.
توصیه ما به شما دوست عزیزم این است که با شرکت در دوره ی آموزشی html css در این موارد بسیار مهارت پیدا کنید تا بتوانید علاوه بر طراحی سایت برای خودتان و حتی دیگران و درآمد زایی برای خود درک بهتر و بیشتری راجع به این مطالب پیدا کنید.
ما سعی کردیم در این دوره از مثال های کوچک و کاربردی استفاده شود تا مطالب به صورت کامل برای شما عزیزان قابل فهم باشه این دوره درواقع سطح پیشرفته تر و کامل تر برای دوره html & css میباشد.
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید