Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Który z poniższych znaczników HTML można wykorzystać do stworzenia struktury witryny internetowej?
Odpowiedzi
Informacja zwrotna
<aside> to znacznik, który dodaje coś ekstra do treści głównej na stronie, jak np. informacje poboczne. Używanie go jest zgodne z zasadami HTML5, które promują sensowne budowanie dokumentów. Możesz go używać np. do wyróżniania sekcji z informacjami o autorze lub linkami do innych artykułów. Dzięki temu, że stosujesz semantyczne znaczniki jak <aside>, twoje treści stają się lepiej zrozumiałe dla użytkowników. Co więcej, to też polepsza dostępność strony dla osób korzystających z technologii wspomagających, jak czytniki ekranu. Dobrze zastosowane <aside> ułatwia organizację treści, co pozytywnie wpływa na SEO, bo wyszukiwarki łatwiej rozumieją strukturę strony. A i tak w ogóle, używanie semantycznych znaczników pozwala utrzymać kod w lepszej formie, co ważne, zwłaszcza przy pracy w zespołach nad większymi projektami.
Znaczniki <em>, <input> i <mark> mają swoje konkretne zadania w HTML, ale nie są najlepszym przykładem semantycznej struktury, jak to robi <aside>. Znacznik <em> używamy do podkreślenia słów, by nadać tekstowi emocji, ale nie pomaga w organizacji treści na stronie. Trochę jakby nie pasował do budowy strony. Natomiast <input> to element, który pozwala na wprowadzanie danych w formularzach, więc bardziej dotyczy interakcji niż samej struktury strony. Z kolei <mark> służy do zaznaczania istotnych fragmentów tekstu, co może być przydatne, ale znowu, nie wpływa na semantykę budowy strony. Wybierając znacznik, który najlepiej pasuje do organizacji treści, warto myśleć o semantyce i dobrych praktykach. Użycie złych znaczników w budowaniu struktury może sprawić, że zarówno użytkownicy, jak i wyszukiwarki będą miały trudności w interpretacji treści, co jest dosyć powszechnym błędem w projektowaniu stron.