Базовый элемент: ссылка

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

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

По умолчанию ссылки открываются в том же окне или вкладке, где находится пользователь. Однако в некоторых случаях, например для достижения интерфейсных или бизнес‑целей, можно настроить открытие ссылок в новой вкладке или новом окне даже без желания пользователя.

Ссылка должна быть опознаваема в тексте. Проще всего её подчеркнуть и подкрасить цветом. Классический цвет ссылки — синий. Если вы что‑то делаете синим в интерфейсе и дополнительно подчёркиваете, пользователь обязательно подумает, что это ссылка.

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