<b>

Przyciąga uwagę do fragmentu tekstu bez nadawania mu większej wagi, np. do słów kluczowych.

Wyświetlanie
inline
Znacznik zamykający
Wymagany
Dozwolona zawartość
Treść frazowa (phrasing content)
Na tej stronie

Przykład

#
HTML
<p><b>Nowy kurs React jest już dostępny.</b> Zawiera 30 lekcji i 5 projektów do portfolio.</p>
<p>W tym module poznasz <b>zmienne</b>, <b>warunki</b> i <b>pętle</b>, czyli trzy filary każdego programu.</p>
Podgląd

Definicja i zastosowanie

#

Element <b> oznacza tekst, na który chcesz zwrócić uwagę czytelnika, choć nie jest ważniejszy od reszty: słowa kluczowe w streszczeniu, nazwy produktów w recenzji albo pierwsze zdanie artykułu. Przeglądarki wyświetlają go pogrubionym.

Traktuj go jako ostatnią deskę ratunku. Jeśli tekst jest naprawdę ważny, użyj <strong>. Jeśli chodzi o akcent, użyj <em>, a termin definiowany oznacz przez <dfn>. Gdy potrzebujesz samego pogrubienia bez żadnego znaczenia, lepszy będzie CSS: font-weight: bold.

Nazwa pochodzi od angielskiego bold, ale we współczesnym HTML liczy się znaczenie, a nie wygląd. Dlatego <b> wciąż jest poprawnym elementem, tylko o węższym zastosowaniu niż kiedyś.

Składnia

#
Składnia
<b>tekst przyciągający uwagę</b>

Atrybuty

#

Ten element nie ma własnych atrybutów. Obsługuje atrybuty globalne, takie jak class, id czy hidden.

Domyślny CSS

#

Większość przeglądarek wyświetla ten element z takimi stylami domyślnymi:

CSS
b {
  font-weight: bold;
}

Obsługa przeglądarek

#

Szeroko dostępne

Działa we wszystkich nowoczesnych przeglądarkach, także na telefonach. Możesz używać bez obaw.

  • Chrome
  • Edge
  • Firefox
  • Safari

Dobre praktyki

#
  • Ważność oznaczaj przez <strong>, a <b> zostaw do przyciągania wzroku.
  • Nie używaj <b> zamiast nagłówka. Tytuł sekcji to <h2>, <h3> i kolejne.
  • Jeśli pogrubienie jest tylko elementem wystroju, ustaw je w CSS.

Powiązane hasła

#

Widzisz błąd albo brakuje przykładu? Napisz do nas.