<em> vs <i>
<em> to akcent, który zmienia sens zdania przy czytaniu na głos. <i> oznacza inny ton: obce słowa, nazwy czy myśli, bez zmiany znaczenia. Oba są kursywą.
Porównanie w tabeli
#Znaczenie
Domyślny styl
Zmienia sens zdania
Można zagnieżdżać dla mocniejszego nacisku
Typowy przykład
Przykład
#<p><em>Ja</em> nie usunąłem tego pliku. Może zrobił to ktoś inny?</p>
<p>Każda zmiana przechodzi u nas <i lang="en">code review</i>.</p>Definicja i zastosowanie
#<em> oznacza akcent, czyli słowo wymawiane z naciskiem, który zmienia sens całego zdania. „Ja nie usunąłem tego pliku” sugeruje, że zrobił to ktoś inny, a inny akcent w tym samym zdaniu zmieniłby znaczenie zupełnie. Elementy <em> da się zagnieżdżać dla jeszcze mocniejszego nacisku.
<i> nie dodaje akcentu i nie zmienia sensu zdania. Oznacza fragment w innym tonie: obce wyrażenie, łacińską nazwę gatunku, termin techniczny albo myśli bohatera. Obcojęzycznym wyrażeniom warto dodać atrybut lang, np. <i lang="en">code review</i>.
Przeglądarki wyświetlają oba elementy kursywą, więc na oko są nierozróżnialne. Różnica jest czysto znaczeniowa. Jeśli chcesz samej kursywy bez żadnego sensu, np. w podpisie zdjęcia, użyj CSS: font-style: italic.
Składnia
#<em>akcentowany tekst</em>
<i>tekst w innym tonie</i>Więcej przykładów
#<p><em>Ja</em> nie zgłosiłem tego błędu. Może zgłosił go ktoś inny?</p>
<p>Ja nie zgłosiłem <em>tego</em> błędu. Zgłosiłem zupełnie inny.</p><p style="font-style: italic;">Tekst kursywą tylko dla wyglądu, bez specjalnego znaczenia.</p>Dobre praktyki
#- Jeśli fragment zmienia sens wypowiedzi przy czytaniu na głos, użyj
<em>. - Obce wyrażenia w
<i>oznacz dodatkowo atrybutemlang, np.lang="en". - Czysta kursywa bez znaczenia to zadanie dla CSS:
font-style: italic.
Powiązane hasła
#- <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.
- <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.
- <cite>Tytuł dzieła: książki, artykułu, filmu, piosenki, gry albo programu.
Widzisz błąd albo brakuje przykładu? Napisz do nas.