<dl> — это не «ещё один список», а способ показать пары «термин — значение». Его берут, когда нужно чётко сопоставить метку и данные. Где это реально пригодится Характеристики товара. «Габариты: 200×150×30 мм», «Вес: 120 г». В карточках товаров так делают понятную спецификацию без таблиц. FAQ. Вопрос как термин, ответ как описание. Скринридеры читают это как связные пары, пользователю […]
  Загрузка... |
Просмотров: 21 | Читать статью |
ul — неупорядоченный список (маркированный) Используйте, когда порядок не важен. Частые кейсы: пункты меню, набор характеристик, список действий «по желанию», теги, варианты без приоритета. Пример: html <ul> <li>Быстрая доставка</li> <li>Гарантия 2 года</li> <li>Поддержка 24/7</li> </ul> Когда брать: если фразы можно переставить местами, и смысл не изменится. Практика: в ваших задачах по статьям и каталогам ul […]
| Загрузка... |
Просмотров: 17 | Читать статью |
Семантические теги говорят браузеру и поисковику, что за кусок контента перед ними. Разберём четыре тега: nav, aside, section, article. Только суть и примеры. nav — навигация Тег нужен для блоков с ссылками, которые помогают перемещаться: меню, пагинация, «хлебные крошки». Пример: html <nav aria-label=»Основное меню»> <ul> <li><a href=»/»>Главная</a></li> <li><a href=»/catalog»>Каталог</a></li> <li><a href=»/articles»>Статьи</a></li> </ul> </nav> Зачем: скринридеры […]
| Загрузка... |
Просмотров: 40 | Читать статью |
<section> и <article> — оба семантические контейнеры, и новички часто путают, где какой ставить. Главное отличие: самостоятельность <article> — это самодостаточный, законченный контент. Его можно вырезать со страницы, отправить в RSS, опубликовать на другой площадке — и он останется понятным. Примеры: статья в блоге, новость, комментарий, карточка товара. <section> — это смысловой раздел, который сам по себе не «живёт». Он часть чего-то […]
| Загрузка... |
Просмотров: 27 | Читать статью |
Семантические теги — это способ сказать браузеру и поисковику: «Вот тут у меня шапка, тут основной контент, тут подвал». Это не про красоту, а про понятную структуру. Разберём три самых базовых тега: <header>, <main>, <footer>. <header> — шапка страницы <header> обычно ставят вверху страницы. В нём размещают то, что относится ко всей странице или сайту: […]
| Загрузка... |
Просмотров: 27 | Читать статью |
Разметка в HTML — это не просто «теги ради тегов». Это скелет страницы: он говорит браузеру и поисковику, где навигация, где основной контент, где боковая панель. Разберём, как логично разметить три типовых страницы: главную, статью и каталог. Главная страница: баланс блоков Главная — это витрина. В ней обычно есть навигация, «первый экран» с главным посылом, блоки преимуществ/услуг, […]
| Загрузка... |
Просмотров: 50 | Читать статью |
Блок <head> содержит служебную информацию о странице — её не видно напрямую в контенте, но она критически важна для браузера, поисковых систем и пользователей. Разберём, какие элементы в <head> нужны почти всегда, а какие добавляют только при конкретных задачах. Обязательные элементы <meta charset=»utf-8″> Это самый важный метатег. Он задаёт кодировку документа. Для веба стандартом считается UTF‑8 — она корректно […]
| Загрузка... |
Просмотров: 43 | Читать статью |
Тег <html> — корневой элемент любой HTML‑страницы. Всё содержимое документа должно находиться внутри него. У этого тега часто используют атрибут lang, чтобы указать основной язык страницы, например: <html lang=»ru»>. На первый взгляд это мелочь, но у такого подхода есть вполне практические последствия — и для пользователей, и для поисковых систем, и для работы вспомогательных технологий. Что делает тег html […]
| Загрузка... |
Просмотров: 36 | Читать статью |
Строка <!DOCTYPE html> — это не HTML‑тег, а объявление типа документа. Её единственная задача — подсказать браузеру: «этот файл нужно обрабатывать по современным правилам». Несмотря на внешнюю простоту, отсутствие этой строки может заметно повлиять на то, как страница отобразится у пользователя. Что такое DOCTYPE и как он работает DOCTYPE (Document Type Declaration) сообщает браузеру, какой стандарт разметки используется в […]
| Загрузка... |
Просмотров: 27 | Читать статью |
Электромобиль сегодня становится не просто альтернативой машине с ДВС, а полноценной технологической платформой, где динамика, цифровые сервисы и энергоэффективность объединены в одной системе. Бренд Zeekr предлагает модели, ориентированные на европейские требования к безопасности, комфорту и повседневной эксплуатации. Надежный электромобиль zeekr оценили многие автолюбители, которые хотят идти в ногу со временем. Почему электромобиль меняет подход к […]
| Загрузка... |
Просмотров: 32 | Читать статью |