Pitanja
1. Što su semantički elementi u HTML-u? Objasni vlastitim riječima.
2. Navedi barem tri primjera semantičkih elemenata i napiši čemu služe.
3. Zašto je važno koristiti semantičke elemente u izradi web stranica?
4. Koji element koristiš za glavni sadržaj stranice?
5. Što se obično nalazi u header elementu?
6. Koja je razlika između section i article elemenata?
7. Što se nalazi u footer elementu?
8. Kako semantički elementi pomažu osobama s poteškoćama u pristupu internetu?
9. Napiši primjer HTML koda koji koristi barem tri semantička elementa.
10. Koje prednosti imaju semantički elementi za tražilice (SEO)?
Odgovori
1. Semantički elementi su tagovi u HTML-u koji opisuju svoj sadržaj i svrhu.
2. Header=zaglavlje, nalazi se gore na stranici i sadržaji se ne mijenjaju. Main=glavni dio stranice, korisnici se najviše koriste njemu. Nav=navigacija, pomaže nam s pronalaženjem sadržaja na web stranici.
3. Važno je koristiti semantičke elemente da možemo uredno izložiti sadržaje na stranici i za bolju organizaciju.
4. Koristimo element Main za glavni sadržaj stranice.
5. Obično sadrži logo, naslov, navigaciju ili uvodne informacije.
6. Section je veći, odvojeni dio stranice dok je article samostalni dio sadržaja npr. blog, vijesti, komentar...
7. Obično sadrži informacije o autoru, copyright, kontakt i linkove.
8. Olakšavaju razumijevanje strukture i poboljšavaju SEO i pristupačnost.
10. Na svakoj tražilici će izbaciti isti prikaz zbog semantičkih elemenata.