Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - STYCZEŃ 2023 (test 2)


PYTANIE NR 39.
Które polecenie jest poprawne pod względem walidacji HTML5?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawny zapis elementu <img> w HTML wymaga poprawnej składni atrybutów: wartości powinny być ujęte w cudzysłowy, a znacznik zakończony znakiem >. Wariant z src i alt zapisanymi jako "..." przechodzi walidację, a alt dostarcza tekst alternatywny istotny dla dostępności.

Pełne wyjaśnienie:

W HTML (w tym HTML5) element <img> służy do osadzania obrazu i jest zapisywany jako znacznik pusty (nie ma treści między otwarciem i zamknięciem), ale musi mieć poprawnie zbudowane atrybuty oraz być domknięty znakiem >.

Poprawna odpowiedź to zapis, w którym:

  • atrybut src ma wartość ujętą w cudzysłowie (np. "mojPiesek.jpg"),
  • atrybut alt również ma wartość w cudzysłowie (np. "pies"),
  • cały znacznik kończy się prawidłowo znakiem >.

Dlaczego pozostałe propozycje są błędne?

  • Wariant bez cudzysłowów przy wartościach (src = mojPiesek.jpg, alt = pies) jest częstym błędem składniowym. Przeglądarki bywają tolerancyjne, ale walidacja HTML wymaga formalnie poprawnej składni atrybutów.
  • Wariant z "połamanymi" cudzysłowami (np. brak pary lub błędne umieszczenie znaku ") powoduje, że parser nie potrafi jednoznacznie odczytać wartości atrybutów, co skutkuje błędem walidacji.
  • Wariant bez atrybutu alt jest problematyczny z punktu widzenia jakości i dostępności. Tekst alternatywny opisuje obraz użytkownikom czytników ekranu oraz sytuacjom, gdy plik nie może zostać wczytany. W praktyce walidacji i dobrych praktyk front-end alt jest oczekiwany dla obrazów pełniących funkcję informacyjną.

Wskazówka egzaminacyjna: przy pytaniach o walidację zwracaj uwagę na drobiazgi: pary cudzysłowów, kompletność atrybutów i poprawne zakończenie znacznika. Najmniejszy błąd w cytowaniu często przesądza o niepoprawności.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to jest walidacja HTML5 i po co się ją robi?
Walidacja HTML to sprawdzenie, czy kod jest zgodny z regułami składni i specyfikacją HTML. Pomaga wykryć literówki (np. brak cudzysłowu), błędne atrybuty i problemy ze strukturą dokumentu. Dzięki temu strona jest bardziej przewidywalna w różnych przeglądarkach i łatwiejsza w utrzymaniu.
Jak poprawnie zapisać znacznik <img> w HTML?
Poprawny zapis to m.in. podanie src oraz zwykle alt, z wartościami w cudzysłowie, np. <img src="plik.jpg" alt="opis">. Najczęstsze błędy to brak domknięcia > oraz "połamane" cudzysłowy w atrybutach.
Dlaczego wartości atrybutów w HTML powinny być w cudzysłowie?
Cudzysłowy stabilizują parsowanie: przeglądarka i walidator jednoznacznie wiedzą, gdzie zaczyna i kończy się wartość atrybutu. Bez cudzysłowów łatwo o błąd, gdy pojawi się spacja lub znak specjalny. W praktyce egzaminacyjnej przyjmuj zasadę: wartości atrybutów zawsze zapisuj w "...".
Co oznacza atrybut alt w <img> i kiedy jest wymagany?
Atrybut alt to tekst alternatywny obrazu. Jest kluczowy dla dostępności (czytniki ekranu) i przydatny, gdy obraz się nie wczyta. Dla obrazów informacyjnych powinien opisywać treść. Dla dekoracyjnych bywa stosowany jako pusty alt="", aby nie zaśmiecać odczytu.
Czy brak alt zawsze powoduje błąd walidacji HTML?
Zależy od reguł i profilu walidacji, ale w praktyce nauki HTML i na egzaminach brak alt jest traktowany jako błąd jakości/dostępności i często pojawia się jako niepoprawna odpowiedź. Najbezpieczniej: dla <img> zawsze dodawaj alt (opisowy lub pusty dla dekoracji).
Jakie są najczęstsze błędy w zapisie <img> na egzaminie?
Najczęściej: brak cudzysłowów wokół wartości, brak znaku > na końcu, literówki w nazwach atrybutów, źle wstawione znaki " (tylko jeden cudzysłów), oraz pomijanie alt. W pytaniach testowych wystarczy jeden taki detal, aby wariant był niepoprawny.
Jak sprawdzić w praktyce, czy kod przechodzi walidację HTML?
Możesz wkleić kod do walidatora (np. W3C Validator) lub użyć narzędzi w edytorze/IDE (linting). Walidator wskaże linię i opis błędu, np. problem z cytowaniem atrybutu. Warto ćwiczyć na krótkich fragmentach: <img ...>, linkach i formularzach.
Jakie znaczenie ma atrybut src w <img>?
Atrybut src wskazuje źródło obrazu (URL lub ścieżkę do pliku). Bez src obraz nie zostanie załadowany. W testach sprawdzaj też, czy wartość jest poprawnie zapisana w cudzysłowie, bo błędne cytowanie może sprawić, że przeglądarka "zgubi" część znacznika i wyświetlanie się posypie.
Czy spacje wokół znaku równości w atrybutach są dozwolone w HTML?
W HTML spotyka się zapisy ze spacjami (np. src = "plik.jpg") i zwykle nie jest to problem. Kluczowe jest, aby zachować poprawne pary cudzysłowów i poprawną nazwę atrybutu. Na egzaminie oceniaj przede wszystkim kompletność i jednoznaczność zapisu wartości.
Jak przygotować się do pytań o walidację HTML5 na INF.3?
Ćwicz krótkie przykłady i sprawdzaj je walidatorem: obrazy, linki, listy, formularze. Utrwal zasady: wartości w cudzysłowie, poprawne domknięcie znaczników, obowiązkowe atrybuty (np. alt dla obrazów). W testach czytaj bardzo uważnie pojedyncze znaki, bo to one decydują.
info

Około 63% zdających odpowiada poprawnie na to pytanie. średnie

Eksperci podkreślają: "Poprawny zapis elementu &lt;img&gt; w HTML wymaga poprawnej składni atrybutów: wartości powinny być ujęte w cudzysłowy, a znacznik zakończony znakiem &gt;."

Źródła:

  • MDN Web Docs: "&lt;img&gt;: The Image Embed element" (sekcje o atrybutach src i alt), https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img - dostęp 2026-03-02
  • WHATWG HTML Living Standard: "The img element" (definicja elementu i atrybutów), https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element - dostęp 2026-03-02
  • W3C Markup Validation Service: dokumentacja usługi walidacji (ogólne zasady zgłaszania błędów składni), https://validator.w3.org/docs/ - dostęp 2026-03-02

Materiały:

  • Dokumentacja MDN: element &lt;img&gt; i atrybut alt
  • Specyfikacja HTML (WHATWG): definicja elementu &lt;img&gt; i atrybutów
  • W3C Markup Validation Service – zasady walidacji i typowe błędy składni
Zobacz też:

Aktualizacja pytania: 31.03.2026

Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego