Ссылка как элемент вёрстки

Ссылка как элемент вёрстки

21.04.2017

Ссылка является одним из базовых элементов вёрстки. На страницах сайтов это подчеркнутый текст, цвет ссылки отличается от цвета обычного текста.

Функционал ссылки разнообразен. Ссылка совершает действие по нажатию на нее:

  • Открыть страницу в том же окне браузера.
  • Открыть страницу в новой вкладке браузера.
  • Делать переход на различные блоки внутри одной страницы.

Какой должна быть ссылка в тексте

  • Пользователь должен легко находить в тексте ссылку. Цветовое оформление ссылок позволяет человеку понимать, что перед ним переход на другую страницу.
  • Нажимать на ссылку должно быть удобно с компьютера и смартфона. Не должно быть скопления множества ссылок в одном месте - повышается вероятность ошибки. Текст ссылки должен быть не коротким, чтобы человек заметил. Смена цвета при наведении на ссылку помогает пользователю сделать правильное действие.
  • Текст ссылки должен кратко описывать страницу на которую ссылается - элемент страницы должен обладать высоким уровнем информативности. Пользователь должен понимать куда может попасть только по анкору ссылки, без чтения информации вокруг.

Ошибки оформления ссылок

Не следует делать в тексте многострочные ссылки - из-за переноса слова получается логический разрыв. Человек может подумать, что перед ним несколько ссылок, а не одна.

Для удобства пользователей сокращаем длинные анкоры ссылок. При наведении на текст ссылки не давать словам переходить на другую строку.

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

При оформлении блока ссылок расстояние между ними должно составлять 2 пробела - пользователь будет визуально понимать конец и начало каждой ссылки.