این آموزش در تاریخ ۱۴۰۰/۰۹/۳۰ آپدیت شده است.
آموزش تگ wbr در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ wbr در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Wbr در HTML
تگ wbr
مخفف ( Word Break ) می باشد و به اصطلاح میگن ( Word Break Opportunity ) یعنی فرصت شکسته شدن کلمه ، تگی است که با استفاده از آن میتوان نحوه شکست کلمه و رفتن به سطر بعدی رو کنترل کرد.
خب این یعنی چی؟! ببینید دوستان بصورت پیش فرض یا در حالت عادی وقتی یک کلمه طولانی باشه مرورگرها بصورت خودکار اون کلمه رو به سطر جدید پرت ( منتقل ) میکنند ولی خب ما با استفاده از این تگ میتونیم خودمون هرجا که دلمون خواست سطر رو بشکنیم و متن رو به سطر جدید ببریم.
فرق بین تگ br و تگ wbr چیه؟
تگ br که میاد و سطر رو بطور کامل میشکنه و محتوارو میندازه در ابتدای سطر جدید ولی تگ wbr سطر رو بطور کامل نمیشکنه بلکه فقط یک یا چندین کلمه رو میشکنه و همچنین خودمون میتونیم تعیین کنیم که کجا کلمه شکسته شه.
Free-Learn
مثال از تگ wbr در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : استفاده از تگ wbr
در مثال زیر من عمدا چندین کلمه رو بهمدیگه چسبوندم تا شما وقتی اندازه صفحه رو تغییر میدید مرورگر بصورت خودکار اون کلماتی که بهم چسیده شدن رو بندازه تو سطر جدید.
ولی اگه به کدهای زیر توجه کنید من از تگ wbr بین کلمه Sadegh و Hastam استفاده کردم، خب پس باید وقتی مرورگر رو تغییر اندازه میدید کلمه Hastam از اون کلماتی که بهمدیگه چسبده شدن جدا میشه و میره به سطر جدید. ( تموم شد رفت ! کاره تگ wbr همینه ، یعنی من خودم مشخص کردم که کجا سطر شکسته شه )
1 2 3 4 5 |
<body> <p>Salam Khobi?ManSadegh<wbr>Hastam Esm Shoma Chiye?</p> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ wbr
در HTML پشتیبانی میکنند یا خیر.
نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ wbr
از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- تگ
wbr
یک تگ تنها هست ( یعنی تگ پایانی برای بسته شدن ندارد )