این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ nobr در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ nobr در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ nobr در HTML
تگ nobr همونطور که از اسمشم مشخصه ،تگی است که با استفاده از آن میتوان محتوارو بدون شکستن سطر ایجاد کرد.
خب بصورت عادی وقتی یه متن رو داخل صفحه قرار میدیم، مرورگر خودش خودکار جایی که نیاز باشه سطر رو میشکنه و به سطر جدید میره، حال اگه ما بخوایم کلا سطر شکسته نشود، و کل متن در یک سطر نمایش داده شود باید از تگ nobr استفاده نماییم.
در این تگ چون سطر شکسته نمیشه پس محتوا بصورت تمام سطر ( عرض ) از صفحه بیرون میزنه، مرورگر هم بصورت خودکار یک اسکرول بصورت افقی ایجاد میکنه.
این تگ در HTML5 بکل منسوخ شدس و عملا غیراستاندارد می باشد، لذا استفاده از آن اصلا توصیه نمی شود.
Free-Learn
مثال از تگ nobr در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : استفاده از تگ nobr
|
1 2 3 4 5 6 7 |
<body> <nobr> Salam Khobi? Man Sadegh Hastam. Salam Khobi? Man Sadegh Hastam. </nobr> </body> |
مثال شماره ۲ : استفاده از CSS بجای تگ nobr ( شما هم اگه خواستی سطر شکسته نشه از این مثال استفاده کن )
|
1 2 3 4 5 6 7 |
<body> <div style="white-space: nowrap;"> Salam Khobi? Man Sadegh Hastam. Salam Khobi? Man Sadegh Hastam. </div> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ nobr در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ nobr از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- این تگ در زبان HTML بطور کامل منسوخ شده و عملا میشه گفت غیراستاندارد می باشد و استفاده از آن اصلا توصیه نمی شود، لذا اگر میخواهید همانند این تگ سطرهایتان شکسته نشود باید از CSS استفاده نمایید. ( مثال شماره ۲ )
