Лабораторна робота №3
Умови завершення
Тема: Семантична розмітка та мікророзмітка HTML-елементів сторінки.
Мета: Навчитися замінювати беззмістовні блоки <div> семантичними тегами HTML5 та впроваджувати первинну мікророзмітку для покращення SEO-показників сторінки.
- Взяти за основу HTML-код з ЛР №1 або ЛР №2.
- Виконати повний рефакторинг структури сторінки, замінивши блоки оформлення на семантичні вузли HTML5:
- <header> — для шапки сайту;
- <nav> — для навігаційного меню;
- <main> — для унікального контенту сторінки;
- <article> — для самостійних блоків інформації (статті, картки товарів);
- <aside> — для бічної панелі або супутньої інформації;
- <footer> — для підвалу сайту.
- Реалізувати мікророзмітку атрибутами для покращення доступності (ARIA-ролі):
- Додати role="navigation", role="main", role="banner".
- Додати атрибути alt для всіх зображень та title для посилань