Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Jak powinien być poprawnie zapisany znacznik <img>, służący do umieszczenia na stronie internetowej obrazu rys.jpg, przeskalowanego do szerokości 120 px oraz wysokości 80 px z tekstem alternatywnym "krajobraz"?
Odpowiedzi
Informacja zwrotna
Odpowiedź <img src="rys.jpg" width="120px" height="80px" alt="krajobraz"/> jest poprawna z kilku powodów. Przede wszystkim, atrybut 'src' wskazuje na lokalizację pliku graficznego, co jest kluczowe dla poprawnego wyświetlania obrazu na stronie internetowej. Atrybuty 'width' oraz 'height' pozwalają na precyzyjne określenie rozmiarów obrazu, co jest istotne zarówno dla responsywności strony, jak i dla optymalizacji czasu ładowania. Użycie jednostki 'px' (pikseli) jest poprawne, jednak w HTML5 można pominąć tę jednostkę, wpisując jedynie wartość liczbową. Atrybut 'alt' jest niezwykle ważny dla dostępności, ponieważ dostarcza alternatywny opis obrazu dla użytkowników, którzy nie mogą go zobaczyć, na przykład osób niewidomych korzystających z czytników ekranu. Używanie odpowiednich atrybutów oraz wartości jest zgodne z najlepszymi praktykami w tworzeniu stron WWW oraz standardami W3C, co wpływa na lepszą użyteczność oraz SEO strony. Przykładem praktycznym może być umieszczenie grafiki w nagłówku strony, gdzie obraz jest widoczny, a opis alternatywny wspiera dostępność i kontekst treści.
Odpowiedzi, które nie są zgodne z poprawnym zapisem znacznika <img>, wykazują kilka kluczowych błędów, które wpływają na ich nieprawidłowość. W pierwszej z błędnych odpowiedzi zamiast atrybutu 'src' użyto 'image', co jest błędem w kontekście HTML. 'src' jest standardowym atrybutem, który określa źródło obrazu, podczas gdy 'image' nie jest rozpoznawane przez przeglądarki i nie prowadzi do wyświetlenia żadnej grafiki. W drugiej odpowiedzi zamiast 'alt' zastosowano 'info', co również jest nieprawidłowe, ponieważ 'alt' jest kluczowym atrybutem, który zapewnia opis alternatywny obrazu, istotny dla dostępności. Ponadto, w obu przypadkach zostały błędnie zamienione wartości 'width' i 'height', co może prowadzić do nieproporcjonalnego wyświetlania obrazów, co z kolei negatywnie wpływa na estetykę i użyteczność strony. Warto również zaznaczyć, że jednostka 'px' w kontekście atrybutów rozmiaru nie jest wymagana w HTML5, więc nawet jeśli byłoby to zastosowane w poprawny sposób, nie jest to konieczne. Te nieporozumienia mogą wynikać z braku znajomości aktualnych standardów HTML, co może prowadzić do problemów z wyświetlaniem i dostępnością treści na stronach internetowych. Zastosowanie odpowiednich atrybutów oraz ich wartości jest kluczowe dla tworzenia stron internetowych zgodnych z aktualnymi standardami i praktykami, co w dłuższym okresie przekłada się na lepsze doświadczenia użytkowników.