Обозначаем ссылки: рамка или подчёркивание?

Опубликовано: 27 ноября, 2008 | Рубрика: Usability | Тэги: css, вёрстка, советы новичкам, типографика | Нет комментариев »

Стандартное обозначение ссылок — подчёркивание (text-decoration) на мой взгляд, ограничивает вэб-дизайнера. Лучше использовать для обозначения ссылок нижнюю рамку (border-bottom). Порой при большом размере и увеличенном насыщении (font-weight) шрифта подчёркивание выглядит неаккуратно.
При использовании же рамки у вас будет возможность задавать её размер не зависимо от размеров шрифта. Можно будет также управлять и цветом рамки, например для состояний visited и hover. Вообщем, возможности обозначать ссылки значительно расширяются. И ещё немаловажная деталь: в случае использования стандартного подчёркивания (text-decoration) линия наползает на текст, что выглядит неаккуратно, а при малом размере шрифта может ещё и затруднить чтение текста. В случае же с рамкой этого не произойдёт, так как линия пройдёт под нижней границей текста.

---