Тег <textarea> нужен, когда пользователю надо ввести не одну строчку, а целый абзац или больше — комментарий, описание, код, текст статьи. Главная сложность тут не в том, чтобы «сделать побольше», а в том, чтобы размер был предсказуемым, не ломал соседние элементы и нормально вёл себя на мобильных. Что вообще можно задать у textarea Есть два пути: через […]
  1,00 (1) Загрузка... |
Просмотров: 24 | Читать статью |
Выпадающий список — один из самых распространённых элементов форм. Он занимает мало места, привычен пользователю и позволяет выбрать один или несколько вариантов из заранее заданного набора. В HTML для его создания используется связка трёх тегов: select как контейнер, option как пункт списка и optgroup для группировки пунктов. Шаг 1. Базовый список через select и option […]
| Загрузка... |
Просмотров: 27 | Читать статью |
На веб-страницах даты и время встречаются постоянно: дата публикации статьи, время начала мероприятия, срок действия акции, продолжительность видео. Часто их выводят обычным текстом — и этого достаточно для человека. Но браузер, поисковый робот и вспомогательные технологии такой текст «не понимают»: для них «21 сентября» и «21.09» — просто набор символов без точного смысла. Чтобы решить […]
| Загрузка... |
Просмотров: 26 | Читать статью |
Тег <body> — это контейнер для всего видимого содержимого веб‑страницы: текста, картинок, форм, видео и скриптов. Именно то, что лежит внутри <body>, пользователь видит в браузере. Но у этого тега есть чёткие правила: какие элементы уместны, а какие туда класть не стоит — или даже нельзя по спецификации HTML. Что можно класть внутрь <body> В <body> помещают всё, что […]
| Загрузка... |
Просмотров: 28 | Читать статью |
Современного зрителя сложно удивить статичной картинкой, даже если сцена до отказа забита премиальным оборудованием. Индустрия технического продакшена планомерно переходит от плоских световых картин к трехмерным, где пространство над головами аудитории становится полноправным участником перформанса. Опытные специалисты, такие как технический продакшен Bitrate, знают, что для трансформации стандартных залов во что-то принципиально новое кинетика — инструмент номер […]
| Загрузка... |
Просмотров: 38 | Читать статью |
Сегодня настольные ролевые игры становятся востребованным форматом детского досуга, который объединяет творчество, обучение и живое общение. В отличие от многих современных развлечений, здесь ребенок не просто получает готовый сюжет — он становится участником создания собственной истории. Почему настольные ролевые игры интересны детям Настольная ролевая игра строится вокруг совместного повествования. Один участник выполняет роль ведущего — […]
| Загрузка... |
Просмотров: 48 | Читать статью |
Что такое иконки и SVG Иконка — это небольшое графическое изображение, которое передаёт смысл быстрее текста: «корзина», «поиск», «настройка», «поделиться». В вебе иконки используют, чтобы: ускорить восприятие интерфейса; сэкономить место на экране; сделать интерфейс понятным без чтения; поддержать визуальную иерархию. SVG (Scalable Vector Graphics) — это формат векторной графики на основе XML. В отличие от […]
| Загрузка... |
Просмотров: 46 | Читать статью |
В HTML для оформления цитат предназначены три элемента: <q> — короткая строчная цитата внутри абзаца. Кавычки добавляются браузером автоматически. <blockquote> — блочная цитата, отдельный абзац или несколько абзацев чужого текста. <cite> — указание источника: название произведения, имя автора, ссылка на оригинал. Эти элементы несут семантическую нагрузку. Использовать их нужно не для визуального оформления (для этого есть CSS), а […]
| Загрузка... |
Просмотров: 49 | Читать статью |
<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»> […]
| Загрузка... |
Просмотров: 54 | Читать статью |
Атрибут lang Назначение Атрибут lang указывает язык содержимого элемента. Значение — код языка по стандарту BCP 47 (на основе ISO 639-1 и ISO 3166-1). Атрибут можно применять к любому HTML-элементу, а также задавать на корневом <html> для объявления языка всей страницы. Что даёт Скринридеры используют lang для выбора правильного произношения и голоса. Без указания языка программа чтения с экрана может читать английский текст […]
| Загрузка... |
Просмотров: 50 | Читать статью |