Przejdź do treści głównej
INF.03Pytanie #1138 z 1558html-struktura-i-semantyka

Który z poniższych zestawów tagów HTML5 najlepiej semantycznie definiuje główną nawigację strony internetowej, zazwyczaj zawierającą linki do kluczowych podstron?

Opcje odpowiedzi:
A
<div><ul><li><a href="#">Link</a></li></ul></div>
B
<nav><ul><li><a href="#">Link</a></li></ul></nav>
Prawidłowa
C
<menu><item><a href="#">Link</a></item></menu>
D
<section id="navigation"><p><a href="#">Link</a></p></section>
Reklama

Wyjaśnienie i uzasadnienie dydaktyczne

Poprawna odpowiedź: B (<nav><ul><li><a href="#">Link</a></li></ul></nav>)

<nav><ul><li><a href="#">Link</a></li></ul></nav>.

Element <nav> jest przeznaczony do oznaczania sekcji zawierającej linki nawigacyjne. Użycie go wraz z listą nieuporządkowaną <ul> i elementami listy <li> dla poszczególnych linków <a> jest standardową i semantycznie poprawną praktyką.

Dlaczego pozostałe opcje są nieprawidłowe?

  • A: Użycie <div> jest ogólne i nie niesie specyficznego znaczenia nawigacji.
  • C: <menu> i <item> miały różne znaczenia w historii HTML i nie są standardowym sposobem tworzenia głównej nawigacji strony w HTML5 (tag <menu> został przedefiniowany i ma inne zastosowania, np. dla menu kontekstowych, a <item> nie jest standardowym tagiem).
  • D: <section> służy do grupowania tematycznego treści; choć nawigacja może być sekcją, <nav> jest bardziej specyficzny i odpowiedni. Użycie <p> dla linków nawigacyjnych jest również niepoprawne semantycznie.

Chcesz poćwiczyć całą kwalifikację INF.03?

Egzamin próbny na czas, nauka działami, losowe pytanie albo przegląd całej bazy — wszystko w przeglądarce i bez zakładania konta.

Rozwiąż w Quizie

Pojęcia z tego pytania

Cały słownik INF03
Reklama

Podobne pytania z działu „Html struktura i semantyka”

Ten sam obszar materiału z kwalifikacji INF.03. W całej bazie znajdziesz 282 pytań z tego działu.