آموزش و يادگيري تگ nobr در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، با تگ <nobr> آشنا مي‌شويم. اين تگ براي جلوگيري از شکسته شدن يا شکست خط متن در مرورگر استفاده مي‌شود.

تگ nobr در HTML چيست؟

تگ <nobr> باعث مي‌شود متن داخل آن در يک خط باقي بماند و مرورگر از قرار دادن خط جديد جلوگيري کند. توجه داشته باشيد که اين تگ در HTML5 استاندارد نيست و استفاده از CSS (مانند white-space: nowrap;) توصيه مي‌شود.

مثال ساده از تگ nobr

<p>
  اين يک متن معمولي است اما 
  <nobr>اين متن هيچ‌گاه شکسته نمي‌شود</nobr>.
</p>

در اين مثال، متن داخل <nobr> در همان خط باقي مي‌ماند و حتي اگر طول آن از عرض صفحه بيشتر شود، شکسته نمي‌شود.

مثال با CSS جايگزين

<style>
  .nowrap {
    white-space: nowrap;
  }
</style>

<p>اين يک متن معمولي است اما <span class="nowrap">اين متن هيچ‌گاه شکسته نمي‌شود</span>.</p>

استفاده از CSS روش استاندارد و مدرن براي جلوگيري از شکسته شدن متن است و تگ <nobr> منسوخ شده تلقي مي‌شود.

نکات مهم درباره nobr

• تگ <nobr> در HTML5 منسوخ شده است.
• براي جلوگيري از شکست خط بهتر است از CSS با ويژگي white-space: nowrap; استفاده شود.
• اين تگ براي کنترل نمايش متن کوتاه و طولاني در يک خط کاربرد دارد.

براي يادگيري کامل کنترل نمايش متن‌ها و استايل‌دهي، پيشنهاد مي‌کنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.

براي مشاهده تمام آموزش‌هاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.