Przejdź do treści

Wyróżnienie <em, strong>

Jak wyróżnić tekst na ekranie (emfaza)?

wyświetlanie: w linii

  1. Emfaza (szczególny nacisk)
    <em>...</em>
  2. Wysoka ważność (powaga lub pilność)
    <strong>...</strong>

Pozwala wyróżnić dowolny tekst (tzw. emfaza), aby podkreślić jego znaczenie. Pierwsze polecenie zwykle wyświetla tekst napisany kursywą, natomiast drugie - pogrubiony. Różnią się one jednak od zwykłego wytłuszczenia i kursywy tym, że dodatkowo niosą ze sobą pewne informacje co do ważności tekstu. W sytuacjach kiedy szczególnie zależy nam na zwróceniu uwagi czytelnika na jakieś informacje, a nie jedynie na określonym sformatowaniu czcionki, powinniśmy użyć właśnie przedstawionych powyżej znaczników.

Przykład <em, strong>

<em>To jest tekst wyróżniony</em>

<strong>To jest tekst o wysokiej ważności</strong>

Pytania i odpowiedzi <em, strong>

Jak wyróżnić tekst w HTML?

Aby położyć szczególny nacisk na jakiś tekst, najlepiej umieścić go wewnątrz znacznika <em>...</em>. Natomiast jeśli zależy nam, aby nadać my wysoką ważność, powagę lub pilność, należy objąć go znacznikiem <strong>...</strong>.

Czym się różni STRONG od B?

Element STRONG nadaje tekstowi znaczenie w postaci wysokiej ważności, a dodatkowo zwykle wyświetla go w sposób pogrubiony. Natomiast element B również wizualnie wytłuszcza tekst, ale jedynie w celach czysto użytkowych nie nadając mu przy tym żadnego dodatkowego znaczenia - w ten sposób oznacza się często np. krótkie wprowadzenie na początku artykułu.

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
Poziom wsparcia
min. 2,5 roku
<em>1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
≤4
2009-06-08
 100%
<strong>1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
≤4
2009-06-08
 100%

Komentarze #

  • Sławomir Kokłowski
    Sławomir Kokłowski

    24.04.2024 19:23
    Prawdę mówiąc już jakiś czas temu zastanawiałem się, czy zupełnie nie usunąć z kursu wszystkich informacji o przeglądarce Internet Explorer. Ale np. strona caniuse.com nadal uwzględnia tę przeglądarkę w swoich zestawieniach. Mogę więc tylko zapewnić, że w kursie znajdują się aktualne informacje...
    Zobacz więcej

  • MG27
    MG27

    24.04.2024 18:44
    Może wypadałoby zaktualizować stronę? Tzn pozmieniać IE na Edge bo niezbyt świeżo to wygląda :lol:
    Zobacz więcej

  • Gość
    Gość

    14.09.2020 10:44
    Taki mały komentarz:) Mi bardzo ułatwia naukę zrozumienie skąd się dany znacznik wziął (np. ul =>Unordered list)
    Zobacz więcej

  • Sławomir Kokłowski
  • Gość
    Gość

    30.04.2020 15:12
    jak mogę wyśrodkować tekst pochylony?
    Zobacz więcej

  • darekspy
    darekspy

    18.03.2018 20:33
    Witam mam pytanie czy mozna zrobic tekst ala Log : czyli po otworzeniu strony teskt zacznie nam sie pokazywac od gory jak lista ?? z gory dziekuje :)
    Zobacz więcej

  • Nitr0Skay
    Nitr0Skay

    08.03.2017 01:28
    Gość
    U mnie oba Texty są pogrubione
    Zobacz więcej

  • Gość
    Gość

    07.03.2017 14:35
    jaka może być przyczyna tego, że po wyboldowaniu w kodzie, tylko na przeglądarce mozilla jest wyświetlone pogrubienie a na ie i chrome nie. Robie coś źle...
    Zobacz więcej

  • Comandeer
    Comandeer

    16.02.2017 16:42
    Bo przeglądarki same sobie naprawiają wadliwy kod HTML, żeby móc cokolwiek wyświetlić.
    W przypadku akapitów myk jest taki, że jak zrobisz np. [...] to przeglądarka to przemieli na coś typu...
    Zobacz więcej

  • Gość
    Gość

    16.02.2017 16:23
    mam pytanie, w znaczniku <p> który jest elementem blokowym nie mogę umieszczać innych elementów blokowych a w <div> mogę, tylko jeżeli umieszczam jakiś znacznik blokowy w <p> to również wszystko się wyświetla a według tego nie powinno. Przypuszczam, że nie do końca to rozumiem...
    Zobacz więcej

Zobacz więcej komentarzy

Facebook