Najkrócej: używaj znacznika semantycznego, gdy niesiesz znaczenie. To znaczy:
- em służy do zaznaczenia akcentu/intonacji wypowiedzi (emfazy), a nie tylko kursywy.
- i to kursywa bez dodatkowego znaczenia semantycznego (styl prezentacyjny lub „obcy/odstający” fragment, np. terminy, myśl wewnętrzna).
- strong oznacza wysoką ważność/pilność komunikatu (np. ostrzeżenie, kluczowe info).
- b wizualnie pogrubia, ale nie dodaje znaczenia (użyteczne wyróżnienie bez wagi semantycznej).
Szczegóły i praktyka:
- em vs i
- em – podkreśla sposób wypowiedzi – „naprawdę” chcę to zaakcentować; zwykle renderowane jako kursywa.
- i – używaj, gdy chcesz kursywy dla elementów „odstających” od głównego rejestru, lecz bez akcentu/ważności (np. wyrazy obcojęzyczne, tytuły statków, myśli, terminy).
- strong vs b
- strong – nadaje treści ważność/pilność; czytniki ekranu mogą zmieniać intonację; przeglądarki zwykle pogrubiają.
- b – czysto wizualne pogrubienie, np. wprowadzenia, słowa kluczowe w streszczeniu – bez informacji o ważności.
Dlaczego to ma znaczenie:
- Semantyka pomaga dostępności (czytniki ekranu) i strukturze treści; styl „tylko dla wyglądu” zostaw CSS, a „dla znaczenia” – em/strong.
- W HTML5 definicje uściślono: em = akcent/intonacja; strong = ważność; i/b = wyróżnienia bez semantyki.
Przykłady użycia:
- „To jest dla mnie em ważne em” – akcent mówiony.
- „Proszę, strong nie wyłączaj zasilania strong” – pilne ostrzeżenie.
- „Jadłem i unagi i oraz i aburi-zake i” – obce słowa bez akcentu.
- „b Streszczenie: b …” – pogrubione wprowadzenie bez deklaracji ważności.
Czy „co można tam załatwić?” i „jakie inne formy kontaktu?”
- Wygląda na nieporozumienie: pytanie o em/i/strong/b dotyczy znaczników HTML, nie punktu usługowego ani instytucji. Jeśli miałeś na myśli konkretną placówkę/urząd, podaj nazwę i miejscowość – sprawdzę zakres spraw, formy kontaktu i podam e-maile/WWW jako tekst. Jeśli pytasz o „kontakt” w kontekście stron WWW: formularze/kontakt realizuje się przez elementy formularzy (form, input, textarea) lub publikując dane kontaktowe w tekście, a odnośniki e-mail/WWW można podać jako zwykły tekst, np.:
- E-mail: [email protected]
- Strona: www.example.com
Źródła: wyjaśnienia semantyki i renderowania em/strong/b/i oraz różnice HTML5.
