Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Jakim zapisem w dokumencie HTML można stworzyć element, który wyświetli obrazek kotek.jpg z tekstem alternatywnym "obrazek kotka"?
Odpowiedzi
Informacja zwrotna
Odpowiedź <img src="kotek.jpg" alt="obrazek kotka"> jest poprawna, ponieważ zgodnie z standardem HTML do wyświetlania obrazów należy używać atrybutu 'src', który wskazuje źródło obrazu. Atrybut 'alt' jest również niezbędny, ponieważ zapewnia tekst alternatywny dla obrazów, co jest kluczowe dla dostępności strony internetowej. Użytkownicy, którzy korzystają z technologii wspomagających, takich jak czytniki ekranu, będą mogli zrozumieć zawartość obrazu poprzez ten tekst. Dobrą praktyką jest również stosowanie odpowiednich nazw plików obrazów oraz opisowych tekstów alternatywnych, co poprawia SEO i użyteczność strony. Na przykład, jeśli w przyszłości planujesz dodać więcej obrazów kotów, warto, aby każdy z nich miał unikalny opis w atrybucie 'alt', co pomoże w lepszym zrozumieniu kontekstu przez użytkowników i roboty wyszukiwarek. W ten sposób poprawiasz zarówno dostępność, jak i indeksowalność swojej strony.
Wszystkie pozostałe odpowiedzi zawierają błędy w zastosowaniu atrybutów HTML, które uniemożliwiają poprawne wyświetlanie obrazów. Odpowiedź wykorzystująca atrybut 'href' jest błędna, ponieważ nie służy on do określenia źródła dla obrazów. Atrybut 'href' jest używany w tagach linków (np. <a>) do wskazywania lokacji dokumentów do otwarcia. Zastosowanie 'title' jest również mylące, ponieważ nie jest to zalecany atrybut do opisania obrazów; jego zawartość wyświetla się jedynie jako podpowiedź po najechaniu kursorem, co nie jest wystarczające dla dostępności. W przypadku atrybutu 'alt' umieszczonego w nieprawidłowym kontekście, tekst alternatywny nie będzie wyświetlany poprawnie, co jest istotnym zaniedbaniem. Stosowanie 'alt' bez atrybutu 'src' nie ma sensu, ponieważ obraz nie zostanie w ogóle załadowany. Kluczowe jest zrozumienie, że każdy atrybut w HTML ma swoje specyficzne zastosowanie i błędne ich zestawienie prowadzi do niemożności poprawnego wyświetlenia zawartości. Z tego powodu, ważne jest, aby znać odpowiednie standardy i dobre praktyki w kodowaniu HTML, aby tworzyć poprawne, dostępne i funkcjonalne strony internetowe.