Co to jest tekst alt i dlaczego ma to znaczenie w HTML?

Obrazy odgrywają znaczącą rolę w każdej aplikacji. Są wykorzystywane do poprawy atrakcyjności i atrakcyjności strony internetowej. Co się stanie, jeśli twoje połączenie internetowe zwolni, a pożądany obraz nie przesyła? Następnie, co powinno być wyświetlane na ekranie zamiast obrazu? W takim scenariuszu HTML zezwala nam na użycie atrybutu „Alt”W elemencie HTML.

To badanie poprowadzi Cię o tym, czym jest tekst alt i dlaczego ma znaczenie w HTML.

Co to jest tekst ALT w HTML?

Czasami, gdy przewijamy witrynę, pojawia się mały tekst, gdy obraz nie pobiera. Ten komponent HTML jest znany jako „Alt”Tekst, opis lub alternatywny tekst. Jest to atrybut powiązany z znacznikiem HTML.

Składnia

Aby wykorzystać tekst ALT w HTML, postępuj zgodnie z podaną składnią:

Opis wyżej wymienionej składni jest wymieniony poniżej:

• "src”: Ten atrybut służy do określenia ścieżki obrazu źródłowego.
• "Alt”: To alternatywny tekst.

Dlaczego tekst Alt jest ważny w HTML?

Tekst Alt jest ważny z wielu powodów. Niektóre z nich są wymienione poniżej:

• Aby uzyskać lepszą dostępność strony internetowej, lepiej jest korzystać z tekstu alt, ponieważ pomaga użytkownikom upośledzeniem wizualnie w celu usłyszenia opisu obrazu za pomocą aplikacji innych firm.
• Zamiast obrazu zostanie wyświetlona wartość atrybutu tekstowego. Jest to korzystne, gdy użytkownicy doświadczają połączeń o niskiej przepustowości.
• Tekst Alt przyczynia się również do rangi strony internetowej w oczach Google. Zapewnia nie tylko opis, ale także dodaje mu sens, co może być pomocne dla ogólnego ruchu w witrynie.

Jakie są najlepsze praktyki tekstu alt w HTML?

Niektóre z najlepszych praktyk do korzystania z tekstu alt dla Twojej witryny są wymienione poniżej:

• Nie zaczynaj tekstu z „zdjęcie" Lub "obraz przedstawiający" słowa.
• Ogranicz tekst Alt do 130 znaków lub mniej.
• Pamiętaj o SEO.
• Bądź precyzyjny.

Przykład 1: Dobry i zły tekst alt w HTML

Weźmy przykład i sprawdź, jaki rodzaj alternatywnego tekstu należy wyświetlić zamiast obrazu:

Tutaj podaliśmy zły i dobry alternatywny tekst dla HTML:

• Zły tekst alt: Mountain Steps Purple Flowers.
• Dobry tekst: Kroki otoczone fioletowymi kwiatami w kierunku pokrytej śniegiem góry.

Można zauważyć, że tekst złego alt nie jest opisem; to raczej tylko lista słów. Dla porównania, dobry tekst Alt opisuje informacje o obrazie.

Przykład 2: Jak dodać tekst alt do elementu HTML?

Wykazaćmy koncepcję dodawania tekstu alt za pomocą przykładu.

Html

W pliku HTML najpierw dodaj kontener, który trzyma element. Ten element jest powiązany z atrybutami SRC i ALT:

Zapisz plik HTML, a strona internetowa wyświetli obraz w następujący sposób:

Powiedzmy, że ten obraz nie przesłał lub błędnie dodaliśmy niewłaściwą ścieżkę obrazu w naszym pliku HTML. Następnie wyświetlony zostanie określony tekst altany zamiast obrazu:

W ten sposób możesz dodać tekst alt do naszego obrazu za pomocą „Alt”Atrybut w znaczniku.

Wniosek

HTML pozwala nam używać obrazów do naszej aplikacji internetowej. Ale czasami użytkownik doświadcza połączenia o niskiej przepustowości, a obraz nie może przesłać do aplikacji. W takiej sytuacji „Alt”Atrybut z znacznikiem pokazuje alternatywny tekst, gdy obraz nie wyświetli się. W tym artykule wyjaśniono atrybut ALT elementu HTML.