<strong> vs <b>
<strong> oznacza treść ważną, pilną lub poważną. <b> tylko zwraca uwagę na fragment tekstu, bez dodawania mu żadnej wagi. Wizualnie oba są pogrubione.
Porównanie w tabeli
#Znaczenie
Domyślny styl
Można zagnieżdżać dla większego efektu
Wpływ na czytniki ekranu
Kiedy użyć
Przykład
#<p><strong>Uwaga:</strong> zapisz plik przed zamknięciem edytora.</p>
<p>Nowy kurs <b>React</b> jest już dostępny.</p>Definicja i zastosowanie
#<strong> niesie znaczenie: ostrzeżenie w instrukcji, najważniejsze zdanie akapitu, kluczową informację, której czytelnik nie powinien przegapić. Elementy <strong> można zagnieżdżać, żeby zaznaczyć jeszcze większą wagę fragmentu.
<b> jest słabszy znaczeniowo. Przyciąga wzrok do fragmentu, który nie jest ważniejszy od reszty, na przykład słowa kluczowe w streszczeniu albo nazwa produktu w recenzji. Traktuj go jako ostatnią deskę ratunku, gdy żaden inny element nie pasuje.
Wizualnie oba elementy wyglądają identycznie: przeglądarka pogrubia je tym samym stylem. Różnica ma znaczenie dla czytników ekranu i dla sensu dokumentu, nie dla wyglądu. Jeśli chcesz samego pogrubienia bez żadnego znaczenia, użyj CSS: font-weight: bold.
Składnia
#<strong>ważny tekst</strong>
<b>tekst przyciągający uwagę</b>Więcej przykładów
#<p style="margin: 0 0 6px">To jest <strong>ważne</strong> ostrzeżenie.</p>
<p style="margin: 0">To jest <b>wyróżnione</b> słowo kluczowe.</p>Bez znajomości kodu nie odróżnisz ich na oko. Różnicę widzi dokument, nie oko.
<p style="font-weight: bold;">Pogrubiony tekst bez żadnego znaczenia semantycznego.</p>Dobre praktyki
#- Jeśli fragment jest naprawdę ważny albo niesie ostrzeżenie, wybierz
<strong>. <b>zarezerwuj na sytuacje, w których nic innego nie pasuje, np. słowa kluczowe w streszczeniu.- Czyste pogrubienie bez znaczenia ustaw w CSS:
font-weight: bold.
Powiązane hasła
#- <strong>Tekst o dużym znaczeniu: ostrzeżenie, kluczowa informacja.
- <b>Przyciąga uwagę do fragmentu tekstu bez nadawania mu większej wagi, np. do słów kluczowych.
- <em>Akcent w zdaniu: słowo, które przy czytaniu na głos wymawia się z naciskiem.
- <i>Tekst w innym tonie lub głosie: obce wyrażenia, nazwy łacińskie, myśli bohatera, terminy techniczne.
- <mark>Wyróżnia fragment tekstu jak zakreślacz, bo jest istotny w bieżącym kontekście.
Widzisz błąd albo brakuje przykładu? Napisz do nas.