MP Web Studio
HTMLБазовый трек
118 / 120

УРОК 118 ИЗ 120

Исправьте: контактные данные через address

Обозначьте контактные данные текущей страницы элементом address.

Официальный источникWHATWG HTML — addressПроверено: 2026-08-26
ШАГ 1 · ИЗУЧИТЕ

Как это работает

Обозначьте контактные данные текущей страницы элементом address. Семантическая структура должна описывать смысл, а не внешний вид.

Правильный пример
<footer><address>MP Web Studio · <a href="mailto:hello@example.com">hello@example.com</a> · <a href="tel:+37360000000">+373 60 000 000</a></address></footer>

address находится в footer, потому что описывает контакты страницы. Ссылка mailto содержит email, а tel — номер для звонка; у обеих есть видимый текст и непустые значения.

Частая ошибка
<footer><address>Наш офис открыт. <a href="mailto:">Email</a> <a href="tel:">Телефон</a></address></footer>

В address есть текст, но после схем mailto: и tel: нет адреса и номера, поэтому действия не работают.

ШАГ 2 · ПРИМЕНИТЕ

Ваше задание

Исправьте пример, не меняя его цель. Обозначьте контактные данные текущей страницы элементом address.

ШАГ 3 · СОЗДАЙТЕ

Напишите и посмотрите результат

index.htmlHTML
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ

Что должно пройти

0%не проверено
  • Footer содержит address с видимыми данными.
  • Email использует mailto со значением.
  • Телефон использует tel со значением.
Объясните логику решения

Поместите address в footer, затем заполните href="mailto:адрес@домен" и href="tel:+номер" и добавьте понятный видимый текст.