KWALIFIKACJA INF3 - CZERWIEC 2014

PYTANIE NR 2.
W elemencie <audio> służącym do odtwarzania dźwięku jako podkładu muzycznego na stronie internetowej nie wykorzystuje się atrybutu:
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
W HTML5 dźwięk osadza się elementem <audio>, który ma m.in. atrybuty src, controls, autoplay oraz loop. 'href' jest przeznaczony dla hiperłączy (np. <a>, <link>), a nie do wskazywania źródła multimediów w <audio>, więc nie jest tam używany.

Pełne wyjaśnienie:

W standardzie HTML5 do osadzania dźwięku na stronie służy element <audio>. Kluczowe jest rozróżnienie, że w samym HTML wskazanie pliku audio realizuje się atrybutem src (bezpośrednio w <audio> lub w elemencie <source>). Dodatkowo spotyka się atrybuty takie jak controls (pokazanie kontrolek odtwarzacza) oraz loop (zapętlenie odtwarzania).

Odpowiedź "href=\"C:/100.wav\"" jest poprawna, ponieważ href jest atrybutem kojarzonym z hiperłączami i zasobami dołączanymi jako odnośniki (np. w <a> lub <link>). Nie służy do definiowania źródła dźwięku w elemencie <audio>, więc nie jest właściwym atrybutem dla odtwarzania audio.

Pozostałe odpowiedzi są niepoprawne jako wybór, bo w HTML5 są to elementy prawidłowo związane z <audio>:

  • "src=\"C:/100.wav\"" – to właściwy atrybut do wskazania lokalizacji pliku audio. W praktyce częściej używa się ścieżek względnych lub URL, a nie ścieżek dyskowych, ale sam atrybut jest poprawny.
  • "loop" – w HTML5 jest to atrybut boolowski: jego obecność oznacza zapętlenie. Częsty błąd to nadawanie mu wartości liczbowej (np. loop="10"), co wynika ze starych, przeglądarkowych rozwiązań, ale nie odpowiada HTML5.
  • "controls" – również atrybut boolowski; po dodaniu go przeglądarka wyświetla kontrolki odtwarzacza, co poprawia użyteczność i dostępność.

Wskazówka egzaminacyjna: zapamiętaj prostą regułę: media mają źródło w src, a linki mają adres w href. Regulację głośności (volume) wykonuje się zwykle w JavaScript jako właściwość DOM, a nie jako atrybut HTML.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Element <audio> służy do osadzania dźwięku na stronie WWW (np. muzyki, nagrań, efektów). Przeglądarka może wyświetlać kontrolki, a źródło dźwięku wskazuje się zwykle atrybutem src lub przez <source>.
Najczęściej spotkasz: src (plik audio), controls (kontrolki), autoplay (autostart, często blokowany bez wyciszenia), loop (zapętlenie) oraz muted (start wyciszony). To są typowe atrybuty HTML, a nie właściwości JavaScript.
src w HTML oznacza źródło zasobu (np. obraz, skrypt, dźwięk). href jest przeznaczony dla odnośników (hiperłączy) i wskazuje adres, pod który użytkownik ma przejść lub zasób dołączany jako link. Dlatego dla dźwięku w <audio> stosuje się src.
W HTML5 loop jest atrybutem boolowskim, czyli działa na zasadzie "jest / nie ma". W praktyce zapisujesz go jako loop (sama obecność) lub ewentualnie loop="loop". Wartości typu loop="10" to mylący nawyk z rozwiązań historycznych.
Atrybut boolowski działa jak przełącznik: jeśli występuje w znaczniku, funkcja jest włączona. Dla controls oznacza to, że przeglądarka pokaże panel sterowania odtwarzaniem. Gdy atrybutu nie ma, kontrolki nie są wyświetlane, a użytkownik może nie mieć jak sterować audio.
Nie w samym HTML5. volume jest typowo właściwością DOM dostępną w JavaScript, np. audio.volume = 0.5. To ważne rozróżnienie: HTML deklaruje strukturę (atrybuty), a JavaScript steruje zachowaniem w czasie działania (właściwości i metody).
Technicznie używa się <audio> z src, często z loop. Dla użyteczności zwykle dodaje się też controls. Pamiętaj, że autoodtwarzanie bywa blokowane przez przeglądarki, zwłaszcza gdy dźwięk nie jest wyciszony, więc warto testować zachowanie i nie wymuszać audio.
Wiele przeglądarek ogranicza autoplay, aby chronić użytkownika przed niechcianym dźwiękiem i nadużyciami reklamowymi. Często dozwolone jest autoplay tylko dla treści wyciszonych lub po interakcji użytkownika. Na egzaminie warto pamiętać: obecność autoplay nie gwarantuje, że audio rzeczywiście samo wystartuje.
Typowe pomyłki to: mylenie href z src, wpisywanie nieistniejących atrybutów HTML (np. volume="50"), traktowanie loop jak licznika powtórzeń oraz używanie przestarzałych rozwiązań z dawnych przeglądarek zamiast HTML5.
Atrybut HTML jest wpisany w znaczniku (np. src, controls) i opisuje deklaratywnie element. Właściwość DOM jest ustawiana w JavaScript (np. element.volume, element.currentTime) i dotyczy stanu podczas działania strony. Jeśli coś wygląda na "sterowanie w czasie", to często jest DOM.
info

To pytanie poprawnie rozwiązuje 57% zdających egzamin. średnie

W praktyce zawodowej kluczowe jest to, że w HTML5 dźwięk osadza się elementem &lt;audio&gt;, który ma m.in. atrybuty src, controls, autoplay oraz loop.

Źródła:

  • MDN Web Docs – "&lt;audio&gt;: The Embed Audio element" (lista atrybutów: autoplay, controls, loop, muted, preload, src): https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio (dostęp: 2026-03-01)
  • W3C – "HTML5: A vocabulary and associated APIs for HTML and XHTML" (W3C Recommendation, 28 October 2014): https://www.w3.org/TR/html5/ (dostęp: 2026-03-01)
  • W3Schools – "HTML audio loop Attribute" (informacja, że loop jest atrybutem boolowskim): https://www.w3schools.com/tags/att_audio_loop.asp (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja MDN: element &lt;audio&gt; i jego atrybuty
  • Specyfikacja HTML (WHATWG/W3C) dotycząca elementów multimedialnych
  • Ćwiczenia praktyczne: zbudowanie prostego odtwarzacza z &lt;audio&gt; i &lt;source&gt;

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego