آموزش تگ wbr در HTML

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

آموزش تگ wbr در HTML

Free-Learn

تگ Wbr در HTML

تگ wbr تگی است که با استفاده از آن میتوان از شکستن خط (محتوایی که در یک سطر قرار میگیرد) به سطر جدید بصورت خودکار جلوگیری کرد.

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

یعنی میتونیم خودمون تعیین کنیم که کجا سطر یا کلمه مون شکسته بشه و به سطر جدید بره، پس در کل ما با استفاده از تگ wbr میتونیم شکسته شدن سطر را مدیریت کنیم.

حالا یه سوال : فرق بین تگ br و تگ wbr چیه؟

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

Free-Learn

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

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

لطفا به مثال زیر خوب توجه نمایید تا عملکرد تگ wbr را بطور کامل متوجه شوید.

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

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

امتحان کنید

Free-Learn

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

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

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی ۱٫۰ ۳٫۰ ۱۱٫۷ ۴٫۰ ۱۲٫۰

Free-Learn

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

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

Free-Learn

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

تگ wbr یک تگ جدید/اضافه شده در HTML5 می باشد.

این تگ یک تگ تنها هست، یعنی تگ پایانی ندارد.

Free-Learn

دستورات CSS پیش فرض

این تگ هیچ دستور CSS پیش فرضی ندارد.

Free-Learn