Гиперссылка - ее особенности и виды
В этой статье поговорим о том, что собой представляет гиперссылка на сайте, а также опишем, как именно гиперссылка может выделяться внешне.
Гиперссылка – это связующий элемент одной веб-страницы с другой. Другими словами, щелкая мышкой по гиперссылке, можно переходить на другую страницу, а также открывать какой-то файл, документ или изображение.
Если сравнивать гиперссылку с обычной ссылкой, то первая является кликабельной, а вторая – нет. То есть текст обычной ссылки нужно сначала копировать, а затем вставлять в адрес URL, что доставляет некоторые неудобства пользователям.
Гиперссылки в настоящее время используются везде и всюду. К примеру, в навигационном меню, в списках похожих заметок. Вообще, практически все ссылки на современных сайтах имеют формат гиперссылок.
Характерная особенность гиперссылок – при наведении на них мыши курсор со стрелочки меняется на руку с поднятым пальцем. Это знак того, что ссылка является кликабельной. Некоторые вебмастера меняют данный значок руки на какой-то другой (для того, чтобы поэкспериментировать). Однако делать это не рекомендуется, так как есть риск отпугнуть посетителя.
Гиперссылка может быть внешней и внутренней (как и любая другая ссылка). Внешняя гиперссылка ведет на веб-документ, который находится на другом сайте, а внутренняя гиперссылка – на то, что находится на этом же сайте. Кроме того, гиперссылка может быть присвоена изображению.
В этом случае клик на любую часть картинки приведет к переходу на другую страницу или к открытию документа (файла). Также гиперссылка может вести на конкретный текстовый фрагмент, а не на целую страницу. В этом случае браузер перемещает страницу сразу к нужному куску текста.
Как правило, гиперссылка выделяется таким типом форматирования, как подчеркивание. При этом подчеркивание может быть постоянным, а может проявляться лишь при наведении курсора мыши на ссылку.
Состояния гиперссылки
Цвет гиперссылки также может быть различным – все зависит от состояния. Здесь выделяют 4 основных состояния гиперссылки.
- Обычное состояние. Как правило, такая ссылка выделяется синим цветом. Пользователь сразу видит, что она есть на странице и что ее можно нажать.
- Состояние при наведении. Когда пользователь наводит курсор мыши на ссылку, ее цвет обычно меняется, к примеру, с синего на красный.
- Состояние при нажатии. Данного состояния может и не быть, так как по времени оно самое короткое. Но иногда в сам момент нажатия ссылка еще раз меняет цвет.
- Состояние после просмотра ссылки. После просмотра какой-либо гиперссылки ее цвет может меняться на коричневато-сиреневый. Так пользователь будет знать, что уже переходил по данной ссылке.
Как сделать гиперссылку в html?
В html для того чтобы сделать гиперссылку, необходимо поместить фразу или кусок текста между тегами <a href="адрес">текст</a>.
В случае если нужно сделать гиперссылкой картинку, то нужно разместить тег <img> между тегами <a>.
Ссылка на почту делается размещением в href параметра "mailto:" перед адресом самой почты.
Читайте также:
Просмотров: 18401
Похожие статьи
- Три принципа для хорошей индексации вашего сайта поисковиками
- Эффективность сервисов социальных закладок для поискового продвижения сайтов
- Контекстная реклама - эффективный инструмент для наращивания трафика
- Программы для эффективной раскрутки сайта
- Основные признаки, которыми обладают покупные ссылки
Комментарии
Всё известно, всё знакомо, но повторение - мать учения. Про гиперссылки рассказали как надо, будет интересно и полезно новичкам!
Написать комментарий
Облако тегов
- AdSense
- CMS
- CSS
- Chrome
- Dmoz
- Drupal
- Evernote
- Firefox
- ICQ
- Joomla
- Linux
- Mac OS X
- Microsoft
- Photoshop
- Sape
- Skype
- Telegram
- WebMoney
- Windows
- YouTube
- html
- iOS
- iPad
- iPhone iPad
- Антивирусные программы
- Аудит
- Блог
- Видео
- Графика
- Дизайн
- Домен
- Заработок в Интернет
- Игры
- Индексация
- Интернет магазин
- Интернет-реклама
- Конверсия
- Контекстная реклама
- Контент
- Метрика
- Мобильные приложения
- Настройка компьютера
- Облачные сервисы
- Онлайн сервисы
- Перелинковка
- Поведенческие факторы
- Поисковые запросы
- Почта Яндекс
- Роботы
- Семантическое ядро
- Спам
- Ссылки
- Статистика
- Текст
- Траст
- Трафик
- Фильтры Яндекс
- Форматы
- Хостинг
- Электронные книги
- Юзабилити
- Яндекс
- Яндекс.Деньги