Ostatnia aktualizacja 26 stycznia, 2024
Atrybut lang w HTML określa język zawartości strony internetowej. Pomaga on w poprawnym wyświetlaniu znaków specjalnych, a także jest ważny dla dostępności oraz optymalizacji pod kątem wyszukiwarek internetowych. Sprawdź, jak go stosować.
- W stronach jednojęzycznych atrybut
langjest stosunkowo prosty w użyciu, ponieważ ustawia się go globalnie i rzadko wymaga zmian. - W przypadku stron wielojęzycznych konieczne jest bardziej skomplikowane zarządzanie atrybutem
lang, z możliwością jego zmiany w różnych częściach strony, aby odzwierciedlić zmiany językowe w treści. - Poprawne zastosowanie atrybutu
langw obu przypadkach ma kluczowe znaczenie dla SEO, dostępności i ogólnego doświadczenia użytkownika.
Rola atrybutu lang w HTML
Znaczenie dla wszukiwarek
Atrybut lang pozwala wyszukiwarkom lepiej zrozumieć język treści strony, co może przyczynić się do lepszego pozycjonowania w wynikach wyszukiwania.
Wpływ na dostępność
Dla technologii wspomagających, takich jak czytniki ekranowe, atrybut lang jest niezbędny, ponieważ pozwala na poprawne interpretowanie języka przez te narzędzia.
Poprawne wyświetlanie znaków
Ustawienie odpowiedniego języka pomaga w poprawnym renderowaniu lokalnych znaków i fontów.
Przykłady użycia atrybutu lang w HTML
Atrybut lang zazwyczaj stosuje się w tagu <html>, określając język całej strony. Na przykład <html lang="en"> dla strony w języku angielskim.
Poniżej przykład kodu, w którym zamieszczono atrybut lang:
<!DOCTYPE html>
<html lang="pl">
<head>
<title>Przykładowa Strona</title>
</head>
<body>
<p>To jest tekst w języku polskim.</p>
</body>
</html>W tym przykładzie lang="pl" wskazuje, że zawartość strony jest w języku polskim.
Wszystkie elementy strony dziedziczą ten język, chyba że zostanie on zmieniony lokalnie. Zarówno przez technologie asystujące i wyszukiwarki cała strona jest traktowana jako zawartość w tym języku.
Ponadto, atrybut lang ułatwia indeksowanie przez wyszukiwarki, zapewnia spójność językową oraz optymalizuje doświadczenie użytkownika.
Strony wielojęzyczne zawierają treści w więcej niż jednym języku. Są one często używane przez międzynarodowe organizacje, portale edukacyjne i inne strony o globalnym zasięgu.
Strony w kilku językach mogą zawierać mechanizmy, takie jak menu wyboru języka, które pozwalają użytkownikowi na wybór preferowanego języka. W takich przypadkach atrybut lang może być dynamicznie zmieniany przez skrypty.
W przypadku stron wielojęzycznych, kod z atrybutem lang będzie wyglądać następująco:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Wielojęzyczna Strona</title>
</head>
<body>
<p lang="en">English Text</p>
<p lang="pl">Polski tekst</p>
</body>
</html>Tutaj użyto atrybutu lang dla poszczególnych paragrafów, aby wskazać zmianę języka treści.
Atrybut lang jest nadal stosowany globalnie w tagu <html>, ale dodatkowo może być stosowany lokalnie w różnych częściach strony, aby wskazać zmianę języka. Na przykład, <p lang="es">Texto en español</p> oznacza, że dany akapit jest w języku hiszpańskim.
Dziękujemy, że przeczytałaś/eś nasz artykuł. Obserwuj EnterTheCode.pl w Wiadomościach Google, aby być na bieżąco.
Czytaj także:
