Оформление ссылок: приёмы CSS

2009/3/17 19:45  css links

Звучит банально, но именно гиперссылки являются тем средством, которое превратило обычную компьютерную сеть в ныне известный нам Интернет. Тогда будет логично уделить им несколько больше внимания и сделать их более удобными для пользователя? Об этом заметка в designer-daily.com, которую я любительски перевёл.

Отображаем тип файла на иконке

Если ссылка ведет на файл для скачивания, почему бы не дать пользователю информацию о типе файла? Особенно актуально это для файлов, которые ваша ОС открывает автоматически вместо того, чтобы сохранить - часто бывает сюрпризом внезапное открытие Acrobat Reader после загрузки .pdf документа.

Отображаем тип файла на иконке

Указываем язык целевой страницы

Для людей, не владеющих иностранными языками неприятным сюрпризом бывает, когда после долгого вступления к какой-либо статье в обзоре нажимаешь на ссылку: открывается огромный документ - и на экране незнакомые буковки! О таких ссылках, ведущих на страницы написанные на языке, отличном от текущего, желательно предупреждать.

Выделяем микроформаты

Определённо хорошим тоном является уведомление пользователя об использовании микроформатов. Выделить с помощью CSS свою персональную или контактную информацию, помеченную с помощью микроформатов - это дополнительная помощь для тех, кто хотел бы вступить в контакт.

Отображаем иконку для внешних ссылок

Хороший способ дать понять пользователю, что он покинет ваш чудесный сайт - указать на внешнюю ссылку. (прим. - не уверен что это так уж важно)

Tooltip

Всплывающая подсказка - иногда бывает необходимо дать дополнительные сведения о ссылке, tooltip - удобный способ это сделать, не перегружая основной текст.

Отмечаем просмотренные страницы

Может быть действительно полезным дополнительно визуально отметить уже посещённые ссылки (прим. - это был первый урок css в моей вебмастерской практике).

Ссылки в версии для печати

Гиперссылки ограничены вебом, в напечатанном документе они отобразятся лишь подчеркиванием, что не несёт никакой информации. Распространённой практикой является вставлять URL ссылки в скобочках в тексте после анкора. Это не улучшает читаемость отпечатанного текста, но позволяет сохранить информацию о ссылке.
Более приемлемый вариант - делать в печатной версии сноски, а ссылки печатать внизу отпечатанного текста (upd: усовершенствованный вариант).

Вынужден признать, что почти ни одним приёмом на этом блоге я не пользуюсь, и это наполняет душу радостью - есть куда расти и к чему стремиться!

Нет комментариев