Code24Lab
Menu
Courses Categories Guides Pricing Log in Sign up

Semantic Landmarks: From div Soup to header, nav, main & footer

Lesson 1 of 20Lab

All lessons
  1. Semantic Landmarks: From div Soup to header, nav, main & footerLabFree
  2. Headings and the Outline: h1 to h6 Without Skipped LevelsLab Locked
  3. Machine-Readable Text: time, data, abbr and addressLab Locked
  4. Labels, fieldset and legend: Every Control Gets a NameLab Locked
  5. Input Types, inputmode and autocomplete: The Right Field for Every ValueLab Locked
  6. Constraint Validation I: required, min, max and stepLab Locked
  7. Constraint Validation II: pattern, minlength and maxlengthLab Locked
  8. What a Form Sends: name/value Pairs, disabled vs readonly, GET vs POSTLab Locked
  9. Images Done Right: alt Text, width/height and Layout ShiftLab Locked
  10. Responsive Images: srcset, sizes and pictureLab Locked
  11. Video: controls, poster, preload and the Autoplay RulesLab Locked
  12. Captions with track and WebVTT: Timing and Reading SpeedLab Locked
  13. Embedding with iframe: title, loading, sandbox and Aspect RatioLab Locked
  14. The head: charset, viewport, title and meta descriptionLab Locked
  15. Open Graph Tags: How Your Links Look When SharedLab Locked
  16. Canonical URLs and hreflang: One Page, Many AddressesLab Locked
  17. data-* Attributes and dataset: Custom Data in MarkupLab Locked
  18. Data Tables: caption, thead, tbody and Spanning CellsLab Locked
  19. Accessible Tables: th, scope and headers/idLab Locked
  20. Final Project: Audit and Score the Finch UL 2 Product PageLab Locked

You are not signed in — the lab works, but your progress is not saved. Sign up

Lesson 1 of 20 is free. Unlock all 20 hands-on labs, the final exam and your certificate.

Buy course — €19.90
Loading the lab…
Next lesson →