Тег <textarea> нужен, когда пользователю надо ввести не одну строчку, а целый абзац или больше — комментарий, описание, код, текст статьи. Главная сложность тут не в том, чтобы «сделать побольше», а в том, чтобы размер был предсказуемым, не ломал соседние элементы и нормально вёл себя на мобильных. Что вообще можно задать у textarea Есть два пути: через […]
  3,00 (4) Загрузка... |
Просмотров: 57 | Читать статью |
Выпадающий список — один из самых распространённых элементов форм. Он занимает мало места, привычен пользователю и позволяет выбрать один или несколько вариантов из заранее заданного набора. В HTML для его создания используется связка трёх тегов: select как контейнер, option как пункт списка и optgroup для группировки пунктов. Шаг 1. Базовый список через select и option […]
| Загрузка... |
Просмотров: 53 | Читать статью |
На веб-страницах даты и время встречаются постоянно: дата публикации статьи, время начала мероприятия, срок действия акции, продолжительность видео. Часто их выводят обычным текстом — и этого достаточно для человека. Но браузер, поисковый робот и вспомогательные технологии такой текст «не понимают»: для них «21 сентября» и «21.09» — просто набор символов без точного смысла. Чтобы решить […]
| Загрузка... |
Просмотров: 45 | Читать статью |
Тег <body> — это контейнер для всего видимого содержимого веб‑страницы: текста, картинок, форм, видео и скриптов. Именно то, что лежит внутри <body>, пользователь видит в браузере. Но у этого тега есть чёткие правила: какие элементы уместны, а какие туда класть не стоит — или даже нельзя по спецификации HTML. Что можно класть внутрь <body> В <body> помещают всё, что […]
| Загрузка... |
Просмотров: 55 | Читать статью |
Что такое иконки и SVG Иконка — это небольшое графическое изображение, которое передаёт смысл быстрее текста: «корзина», «поиск», «настройка», «поделиться». В вебе иконки используют, чтобы: ускорить восприятие интерфейса; сэкономить место на экране; сделать интерфейс понятным без чтения; поддержать визуальную иерархию. SVG (Scalable Vector Graphics) — это формат векторной графики на основе XML. В отличие от […]
| Загрузка... |
Просмотров: 62 | Читать статью |
В HTML для оформления цитат предназначены три элемента: <q> — короткая строчная цитата внутри абзаца. Кавычки добавляются браузером автоматически. <blockquote> — блочная цитата, отдельный абзац или несколько абзацев чужого текста. <cite> — указание источника: название произведения, имя автора, ссылка на оригинал. Эти элементы несут семантическую нагрузку. Использовать их нужно не для визуального оформления (для этого есть CSS), а […]
| Загрузка... |
Просмотров: 67 | Читать статью |
<button type=»submit»> и <input type=»submit»> — оба отправляют форму. Разница в том, что внутри <button> можно помещать любой HTML-контент (текст, иконки, изображения), а <input> — пустой элемент, содержимое которого задаётся только атрибутом value. На этом различии строится всё остальное. Что такое <input type=»submit»> Пустой элемент-замыкатель. Создаёт кнопку отправки формы, текст на которой задаётся атрибутом value: html <form action=»/login» method=»post»> <input type=»text» name=»login»> <input type=»password» name=»password»> […]
| Загрузка... |
Просмотров: 71 | Читать статью |
Атрибут lang Назначение Атрибут lang указывает язык содержимого элемента. Значение — код языка по стандарту BCP 47 (на основе ISO 639-1 и ISO 3166-1). Атрибут можно применять к любому HTML-элементу, а также задавать на корневом <html> для объявления языка всей страницы. Что даёт Скринридеры используют lang для выбора правильного произношения и голоса. Без указания языка программа чтения с экрана может читать английский текст […]
| Загрузка... |
Просмотров: 62 | Читать статью |
<dl> — это не «ещё один список», а способ показать пары «термин — значение». Его берут, когда нужно чётко сопоставить метку и данные. Где это реально пригодится Характеристики товара. «Габариты: 200×150×30 мм», «Вес: 120 г». В карточках товаров так делают понятную спецификацию без таблиц. FAQ. Вопрос как термин, ответ как описание. Скринридеры читают это как связные пары, пользователю […]
| 3,00 (2) Загрузка... |
Просмотров: 104 | Читать статью |
ul — неупорядоченный список (маркированный) Используйте, когда порядок не важен. Частые кейсы: пункты меню, набор характеристик, список действий «по желанию», теги, варианты без приоритета. Пример: html <ul> <li>Быстрая доставка</li> <li>Гарантия 2 года</li> <li>Поддержка 24/7</li> </ul> Когда брать: если фразы можно переставить местами, и смысл не изменится. Практика: в ваших задачах по статьям и каталогам ul […]
| Загрузка... |
Просмотров: 78 | Читать статью |