آموزش تگ wbr در HTML

این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.

آموزش تگ wbr در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ wbr در HTML با من همراه باشید.

تگ Wbr در HTML

تگ wbr مخفف ( Word Break ) می باشد و به اصطلاح میگن ( Word Break Opportunity ) یعنی فرصت شکسته شدن کلمه ، تگی است که با استفاده از آن میتوان نحوه شکست کلمه و رفتن به سطر بعدی رو کنترل کرد.

خب این یعنی چی؟! ببینید دوستان بصورت پیش فرض یا در حالت عادی وقتی یک کلمه طولانی باشه مرورگرها بصورت خودکار اون کلمه رو به سطر جدید پرت ( منتقل ) میکنند ولی خب ما با استفاده از این تگ میتونیم خودمون هرجا که دلمون خواست سطر رو بشکنیم و متن رو به سطر جدید ببریم.

فرق بین تگ br و تگ wbr چیه؟

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

مثال از تگ wbr در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

مثال شماره ۱ : استفاده از تگ wbr

در مثال زیر من عمدا چندین کلمه رو بهمدیگه چسبوندم تا شما وقتی اندازه صفحه رو تغییر میدید مرورگر بصورت خودکار اون کلماتی که بهم چسیده شدن رو بندازه تو سطر جدید.

ولی اگه به کدهای زیر توجه کنید من از تگ wbr بین کلمه Sadegh و Hastam استفاده کردم، خب پس باید وقتی مرورگر رو تغییر اندازه میدید کلمه Hastam از اون کلماتی که بهمدیگه چسبده شدن جدا میشه و میره به سطر جدید. ( تموم شد رفت ! کاره تگ wbr همینه ، یعنی من خودم مشخص کردم که کجا سطر شکسته شه )

امتحان کنید

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

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

پشتیبانی از صفات و رویدادهای عمومی

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

نکات و توضیحات

• تگ wbr یک تگ تنها هست ( یعنی تگ پایانی برای بسته شدن ندارد )