Сайт в разработке Наполняем разделы и правим ошибки — что-то может выглядеть или работать не так. Если заметили — позвоните или напишите.

Тег a в HTML

Как создавать понятные ссылки, задавать href, открывать внешние страницы и избегать пустых ссылок.

Тег a создаёт ссылку. Она ведёт посетителя на страницу, к разделу текущей страницы, к файлу, телефону или электронной почте.

Обычная ссылка

<a href="/uslugi/">Все услуги</a>
<a href="#contacts">Перейти к контактам</a>
<a href="tel:+79266145202">+7 926 614-52-02</a>

Текст ссылки должен объяснять, куда она ведёт. «Посмотреть портфолио» полезнее, чем «здесь» или «подробнее». Если ссылкой служит только картинка, добавьте aria-label, а картинке — осмысленный alt.

Внешняя ссылка в новой вкладке

<a href="https://example.com" target="_blank" rel="noopener noreferrer">
  Открыть внешний ресурс
</a>

rel="noopener noreferrer" защищает исходную страницу при открытии новой вкладки. Не создавайте ссылку без href: такой элемент выглядит как ссылка, но не работает и попадает в ошибки доступности.

Читайте также: тег img, доступность HTML, метатеги сайта.

Другие термины

<article> в HTML: назначение и пример

HTML-элемент article. Выделяет самостоятельный материал: публикацию, новость или другую часть, которую можно рассматривать отдельно от остальной страницы.

<aside> в HTML: назначение и пример

HTML-элемент aside. Выделяет материал, косвенно связанный с основным содержимым: примечание, справку или блок дополнительных ссылок.

Заявка

Расскажите о проекте

Свяжемся в течение рабочего дня, зададим уточняющие вопросы и предложим варианты. Без навязчивых звонков.

Форма обратной связи

Отвечаем в рабочие дни с 10:00 до 19:00

Написать в Telegram