آموزش و یادگیری تگ b در HTML

در اين بخش از دوره آموزش HTML در آموزش دون، با تگ <b> آشنا مي‌شويم. اين تگ براي بولد کردن متن استفاده مي‌شود، اما به صورت معنايي (semantic) مشخص نمي‌کند که متن اهميت بيشتري دارد؛ تنها ظاهر آن را پررنگ مي‌کند.

تگ b در HTML چيست؟

تگ <b> يکي از تگ‌هاي قديمي HTML است که متن درون آن را به صورت bold يا پررنگ نمايش مي‌دهد. تفاوت آن با <strong> اين است که <strong> علاوه بر پررنگ کردن، مفهوم اهميت يا تأکيد معنايي هم دارد، اما <b> صرفاً استايل بصري است.

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

<p>اين يک متن عادي است و <b>اين متن پررنگ</b> است.</p>

نتيجه: متن "اين متن پررنگ" بدون تأثير معنايي اضافي، فقط پررنگ نمايش داده مي‌شود.

مثال در عنوان يا جمله

<h2>راهنماي استفاده از <b>HTML</b></h2>

در اين مثال، کلمه "HTML" پررنگ مي‌شود اما معناي خاصي براي موتورهاي جستجو ندارد.

چه زماني از tگ b استفاده کنيم؟

• براي تأکيد بصري بدون بار معنايي، مانند پررنگ کردن بخش‌هاي خاص متن يا تبليغات.
• در ترکيب با CSS براي استايل‌دهي بيشتر، وقتي فقط ظاهر مد نظر است.
• در متن‌هايي که نياز به بولد کردن ساده دارند و مفهوم تأکيد معنايي مهم نيست.

تفاوت b و strong

استايل‌دهي با CSS

b {
  color: #2196f3;
  font-weight: bold;
}

با اين استايل، همه متن‌هاي درون تگ <b> رنگ آبي پيدا مي‌کنند و همچنان بولد باقي مي‌مانند.

نکات حرفه‌اي

• تگ <b><strong> استفاده کنيد.
• براي طراحي مدرن، بهتر است استايل پررنگ کردن را با CSS مديريت کنيد.
• در محتواي وب مدرن، استفاده از <b> محدود به نيازهاي بصري ساده باشد.

براي يادگيري بيشتر درباره تگ‌هاي متن مانند <strong> و <i>، پيشنهاد مي‌کنيم در دوره آموزش HTML مقدماتي تا پيشرفته آموزش دون شرکت کنيد.

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