Różnica między znacznikami b oraz strong w HTML-u

W języku HTML w celu pogrubienia tekstu możemy użyć dwóch znaczników – b oraz strong. Dlaczego dostępne są dwa znaczniki do pogrubiania? Czym różnią się od siebie?

Znacznika strong powinniśmy używać wtedy, gdy chcemy tekst wyróżnić nie tylko wizualnie, ale także merytorycznie – nadać mu szczególną wagę. Na portalu w3c znacznik strong  opisano następująco:

The strong element represents a span of text with strong importance.

Element strong powinniśmy więc stosować wtedy, gdy tekst ma znaczenie merytoryczne, jest ważny dla całości i trzeba na niego zwrócić szczególną uwagę.

Znacznik b z kolei stosujemy, gdy tekst ma być pogrubiony wizualnie, ale nie jest bardziej znaczący z punktu widzenia merytorycznego. Ponownie zacytuję w3c:

The b element represents a span of text offset from its surrounding content without conveying any extra emphasis or importance, and for which the conventional typographic presentation is bold text; for example, keywords in a document abstract, or product names in a review.

Czyli znacznikiem b pogrubimy tekst, który chcemy wizualnie wyróżnić, ale nie zwracać na niego szczególnej merytorycznej uwagi, np. nazwa produktu w recenzji, słowa kluczowe w podsumowaniu czegoś.

Stosowanie odpowiednich znaczników jest istotne dla botów. Boty odwiedzające naszą stronę internetową, jak np. bot Google, zwracają uwagę na takie detale.