آموزش برنامه نویسی ، پایگاه داده sql server
آموزشگاه برنامه نویسی تحلیل داده : دوره های آموزشی برنامه نویسی و طراحی وب ASP.Net , C# , HTML , CSS , SQL Server


آموزشگاه برنامه نویسی مجتمع فنی تهران میرداماد : دوره های آموزشی برنامه نویسی و طراحی وب ASP.Net , C# , HTML , CSS , SQL Server

آموزش HTML 5 > تگ های جدید HTML 5  >  تگ < bdi >

تگ < bdi >  :

عبارت bdi مخفف واژه Bi-directional Isolation ، به معنای جدا سازی بی جهت یا ساختار نیافته است .
از تگ 9 برای جدا سازی و فرمت دادن به یک متن که با سایر متون اطراف خود فرق دارد ، استفاده می شود .
از این تگ معمولا برای جهت دادن به متن یا کاراکتراهایی که خارج از زبان اصلی صفحه بوده و از لحاظ فرمت با آن فرق دارد ، استفاده می شود .
برای مثال فرض کنید که یک پاراگراف دارید به زبان انگلیسی . حال عبارت یا واژه ای فارسی در میان این متن قرار دارد . تفاوت زبان دو نوشته ، ممکن است باعث نمایش ناصحیح متن پاراگراف شود . با قرار دادن متن فارسی در یک تگ < bdi > ، آن را از سایر متن ایزوله کرده و مانع از بروز اشکال احتمالی در نمایش آن می شوید .

شکل کلی استفاده از یک تگ < bdi > بصورت زیر است :

syntax <bdi>   متن مورد نظر درون تگ    </bdi>

پشتیانی در مرورگر های مختلف :

این تگ فقط در مرورگرهای فایرفاکس و کروم پشتیبانی می شود .

مثال عملی :

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

مثال <ul>
    <li>User Ali : 60 points</li>
    <li>User إيان : 80 points</li>
    <li>User  <bdi>إيان</bdi> : 90 points</li>
</ul>
خروجی
  • User Ali : 60 points
  • User إيان : 80 points
  • Userإيان: 90 points


راجع این مطلب سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...         >>>>>  ورود به انجمن تخصصی


نظر خودتان درباره این صفحه را با ما در میان بگذارید  :

آیا مطالب این صفحه برای شما مناسب و مفید بود ه است :

نام :                 
آدرس Email :    
 
نظر شما :  
 
سوال امنیتی : جمع سه + پنج چنده ؟