<u>

Tekst z adnotacją, której nie da się zapisać słowami, najczęściej oznaczenie błędu pisowni.

Wyświetlanie
inline
Znacznik zamykający
Wymagany
Dozwolona zawartość
Treść frazowa (phrasing content)
Na tej stronie

Przykład

#
HTML
<p>
  Znajdź błędy: ten kod jest
  <u style="text-decoration: underline wavy #f43f5e;">nieczytalny</u> i ma
  <u style="text-decoration: underline wavy #f43f5e;">duzo</u> powtórzeń.
</p>
Podgląd

Definicja i zastosowanie

#

Element <u> oznacza fragment tekstu z nietekstową adnotacją. Najczęściej to zaznaczenie błędu ortograficznego, takie jak w edytorze tekstu. Stosuje się go też w tekstach chińskich do oznaczania nazw własnych. Przeglądarki domyślnie podkreślają taki tekst.

W praktyce potrzebujesz go rzadko. Podkreślenie w sieci kojarzy się z linkiem, więc podkreślony tekst, którego nie da się kliknąć, myli użytkowników. Do akcentu służy <em>, do ważności <strong>, do tytułów <cite>, a samo podkreślenie ustawisz w CSS właściwością text-decoration.

Błędy pisowni wyraźnie odróżnisz od linków falistym podkreśleniem: text-decoration: underline wavy red.

Składnia

#
Składnia
<u>tekst z adnotacją</u>

Atrybuty

#

Ten element nie ma własnych atrybutów. Obsługuje atrybuty globalne, takie jak class, id czy hidden.

Domyślny CSS

#

Większość przeglądarek wyświetla ten element z takimi stylami domyślnymi:

CSS
u {
  text-decoration: underline;
}

Obsługa przeglądarek

#

Szeroko dostępne

Działa we wszystkich nowoczesnych przeglądarkach, także na telefonach. Możesz używać bez obaw.

  • Chrome
  • Edge
  • Firefox
  • Safari

Dobre praktyki

#
  • Nie podkreślaj tekstu dla wyróżnienia. Czytelnik spróbuje go kliknąć.
  • Tekst dopisany do dokumentu oznacz przez <ins>, a nie <u>.
  • Styl podkreślenia zmienisz w CSS, np. na falistą linię dla błędów pisowni.

Powiązane hasła

#

Widzisz błąd albo brakuje przykładu? Napisz do nas.