<a>
Ссылка на другую страницу, файл или место на странице.
Синтаксис
<a href="url">Link text</a>Атрибуты
| Параметр | Тип | Описание |
|---|---|---|
| href | URL | Адрес, на который ведёт ссылка. |
| target | _blank | Необязательный. `_blank` открывает ссылку в новой вкладке. |
| download | file name | Необязательный. Скачать файл вместо перехода. |
Примеры
Обычная ссылка и ссылка в новой вкладке:
<p><a href="https://example.com">Go to the site</a></p>
<p><a href="https://example.com" target="_blank" rel="noopener">Open in a new tab</a></p>Ссылка на почту, телефон и место на странице:
<p><a href="mailto:hello@example.com">Write to us</a></p>
<p><a href="tel:+15550100">Call +1 555 0100</a></p>
<p><a href="#top">To the top</a></p>Примечания
Текст ссылки должен объяснять, куда она ведёт: «Download the price list» лучше, чем «here». Если по клику ничего не открывается, а выполняется действие на странице, нужна кнопка <button>, а не ссылка.
См. также
- href — Адрес, на который ведёт ссылка `<a>` или указывает `<link>`.
- target — `target` выбирает, где открыть ссылку; `rel` описывает связь со страницей по ссылке.
- <img> — Картинка.
- <button> — Кнопка: отправляет форму или запускает действие.
- download — Заставляет ссылку сохранить файл, а не открыть его, при желании под другим именем.
Вопросы и ответы по теме
- Как изменить цвет ссылки и убрать подчёркивание
- Как открыть ссылку в новой вкладке
- Как оформить состояния ссылки: посещённая, наведение, фокус
- Как подчеркнуть текст и настроить подчёркивание
- Как сделать ссылку «Перейти к содержимому»
- Как сделать ссылку в виде кнопки
- Как сделать ссылку для скачивания файла
- Как сделать ссылку на телефон и почту
- Как скрыть страницу от поисковиков
В учебнике
- Ссылки — Тег a и атрибут href, абсолютные и относительные адреса, переходы внутри страницы, новая вкладка, почта и телефон.