/
spddev
/
KU-26_HTML
Обзор
Документация
Войти
/
spddev
/
KU-26_HTML
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
semantic_help.html
44 строки
3 KB
Paul Sosulin
Итоговое занятие
26 ноя 2025, 14:28
26 ноя 2025, 14:28
ecb5192
Код
Авторство
О чём код?
<!DOCTYPE html> <html> <head> <title>Шпаргалка по семантике</title> <meta charset="UTF-8"> </head> <body> <h2>Шпаргалка по семантическим тегам</h2> <div style="border: 2px solid blue; padding: 15px; margin: 10px;"> <h3>Шапка сайта</h3> <p><strong>Что содержит:</strong> логотип, заголовок, навигацию, поиск </p> <p><strong>Пример:</strong> Верхняя часть любой страницы с названием сайта </p> </div> <div style="border: 2px solid green; padding: 15px; margin: 10px;"> <h3>Навигация</h3> <p><strong>Что содержит:</strong> главное меню, ссылки по сайту</p> <p><strong>Пример:</strong> Горизонтальное меню вверху страницы</p> </div> <div style="border: 2px solid orange; padding: 15px; margin: 10px;"> <h3>Основное содержание</h3> <p><strong>Что содержит:</strong> УНИКАЛЬНЫЙ контент страницы</p> <p><strong>Важно:</strong> На странице должно быть ТОЛЬКО ОДНО</p> </div> <div style="border: 2px solid purple; padding: 15px; margin: 10px;"> <h3>Раздел</h3> <p><strong>Что содержит:</strong> логически связанный блок контента</p> <p><strong>Пример:</strong> "Обо мне", "Мои проекты", "Контакты"</p> </div> <div style="border: 2px solid red; padding: 15px; margin: 10px;"> <h3>Статья</h3> <p><strong>Что содержит:</strong> самостоятельный независимый контент</p> <p><strong>Пример:</strong> Пост в блоге, новость, комментарий</p> </div> <div style="border: 2px solid brown; padding: 15px; margin: 10px;"> <h3>Подвал</h3> <p><strong>Что содержит:</strong> контакты, копирайт, дополнительные ссылки</p> <p><strong>Пример:</strong> Нижняя часть страницы с информацией об авторе</p> </div> </body> </html>