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

آموزش تگ wbr در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ 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 همینه ، یعنی من خودم مشخص کردم که کجا سطر شکسته شه )

امتحان کنید

Free-Learn

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

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

نام مرورگر Chrome Firefox Opera Safari Edge
پشتیبانی بله بله بله بله بله

Free-Learn

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

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

Free-Learn

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

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

Free-Learn

دریافت PDF یا پرینت این مطلب