Tekst Alternatywny Obraz HTML

Tekst alternatywny – Obraz HTML

<img alt>

Również niezwykle istotne jest, aby element <img> uzupełnić o atrybut alt (ang. alternative – tekst alternatywny). Jest to tekst opisujący co znajduję się na zdjęciu. Na stronie pojawia się on tylko w momencie, gdy źródło zdjęcia jest niedostępne (np. zostało usunięte). Przydatny jest również dla robotów indeksujących naszą stronę, gdyż roboty te potrafią czytać jedynie tekst. W ten sposób obrazy indeksowane są w wyszukiwarkach internetowych i możemy ich potem wyszukiwać, np. w zakładce Google Grafika. Tekst alternatywny, który dodamy do naszego logo będzie brzmiał how2html logo, a będzie to wyglądało następująco.

<img src="how2html.png" alt="how2html logo">
how2html

Teraz zaprezentujemy przykład z pustym atrybutem src.

<img src="" alt="how2html logo">
how2html logo

Jak widzimy powyżej zdjęcie nie zostało wyświetlone, ale za to wyświetlony został tekst alternatywny.