rcl-radio.ru

Форма в HTML — это способ передать данные от пользователя на сервер. Чтобы она работала, у тега <form> есть три ключевых атрибута: method, action и enctype. Разберём каждый на простых примерах. action: куда улетают данные Атрибут action задаёт адрес, на который браузер отправит данные формы. Это URL — страница или API-эндпоинт, который их примет. html <form action=»/submit-order»> <!— поля […]

Тег <abbr> и атрибут title — два инструмента HTML, которые работают в паре: первый помечает сокращение, второй даёт его расшифровку. Вместе они решают задачу, которая на первый взгляд кажется мелочью, но на деле затрагивает доступность, SEO и удобство чтения. Зачем нужен <abbr> Когда на странице встречается «ЦОД», «СНиП» или «API», часть читателей не понимает, что […]

Тег <textarea> нужен, когда пользователю надо ввести не одну строчку, а целый абзац или больше — комментарий, описание, код, текст статьи. Главная сложность тут не в том, чтобы «сделать побольше», а в том, чтобы размер был предсказуемым, не ломал соседние элементы и нормально вёл себя на мобильных. Что вообще можно задать у textarea Есть два пути: через […]

Выпадающий список — один из самых распространённых элементов форм. Он занимает мало места, привычен пользователю и позволяет выбрать один или несколько вариантов из заранее заданного набора. В HTML для его создания используется связка трёх тегов: select как контейнер, option как пункт списка и optgroup для группировки пунктов. Шаг 1. Базовый список через select и option […]

На веб-страницах даты и время встречаются постоянно: дата публикации статьи, время начала мероприятия, срок действия акции, продолжительность видео. Часто их выводят обычным текстом — и этого достаточно для человека. Но браузер, поисковый робот и вспомогательные технологии такой текст «не понимают»: для них «21 сентября» и «21.09» — просто набор символов без точного смысла. Чтобы решить […]

Тег <body> — это контейнер для всего видимого содержимого веб‑страницы: текста, картинок, форм, видео и скриптов. Именно то, что лежит внутри <body>, пользователь видит в браузере. Но у этого тега есть чёткие правила: какие элементы уместны, а какие туда класть не стоит — или даже нельзя по спецификации HTML. Что можно класть внутрь <body> В <body> помещают всё, что […]

Что такое иконки и SVG Иконка — это небольшое графическое изображение, которое передаёт смысл быстрее текста: «корзина», «поиск», «настройка», «поделиться». В вебе иконки используют, чтобы: ускорить восприятие интерфейса; сэкономить место на экране; сделать интерфейс понятным без чтения; поддержать визуальную иерархию. SVG (Scalable Vector Graphics) — это формат векторной графики на основе XML. В отличие от […]

В HTML для оформления цитат предназначены три элемента: <q> — короткая строчная цитата внутри абзаца. Кавычки добавляются браузером автоматически. <blockquote> — блочная цитата, отдельный абзац или несколько абзацев чужого текста. <cite> — указание источника: название произведения, имя автора, ссылка на оригинал. Эти элементы несут семантическую нагрузку. Использовать их нужно не для визуального оформления (для этого есть CSS), а […]

<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»> […]

Атрибут lang Назначение Атрибут lang указывает язык содержимого элемента. Значение — код языка по стандарту BCP 47 (на основе ISO 639-1 и ISO 3166-1). Атрибут можно применять к любому HTML-элементу, а также задавать на корневом <html> для объявления языка всей страницы. Что даёт Скринридеры используют lang для выбора правильного произношения и голоса. Без указания языка программа чтения с экрана может читать английский текст […]