По умолчанию текстовое содержимое, связанное с HTML с помощью элемента или якоря, имеет стиль подчеркивания. Зачастую веб-дизайнеры предпочитают удалять этот стиль по умолчанию, удаляя подчеркивание.
Многим дизайнерам не нужен внешний вид подчеркнутого текста, особенно в плотных блоках контента с большим количеством ссылок. Все эти подчеркнутые слова могут действительно нарушить поток чтения документа. Многие утверждают, что эти подчеркивания на самом деле делают слова сложнее различать и быстро читать, поскольку это подчеркивает изменения естественных букв.
Однако есть законные преимущества для сохранения этих подчеркиваний в текстовых ссылках. Например, когда вы просматриваете большие блоки текста, подчеркнутые ссылки в сочетании с надлежащим цветовым контрастом позволяют читателям немедленно отсканировать страницу и посмотреть, где находятся ссылки.
Если вы решите удалить ссылки из текста (простой процесс, который мы рассмотрим в ближайшее время), не забудьте найти способы стирать этот текст, чтобы по-прежнему отличать то, что является ссылкой от простого текста. Это чаще всего делается с вышеупомянутым цветовым контрастом, но только цвет может представлять проблему для посетителей с нарушениями зрения, такими как цветовая слепота. В зависимости от их конкретной формы цветовой слепоты контраст может полностью потеряться на них, не позволяя им видеть разницу между связанным и не связанным текстом. Вот почему подчеркнутый текст по-прежнему считается лучшим способом показать ссылки.
Итак, как вы отключите подчеркивание, если вы все еще хотите это сделать? Поскольку это визуальная характеристика, с которой мы имеем дело, мы обратимся к части нашего веб-сайта, которая обрабатывает все визуальные вещи - CSS.
Используйте каскадные таблицы стилей, чтобы отключить подчеркивание ссылок.
В большинстве случаев вы не хотите отключать подчеркивание только на одной текстовой ссылке. Вместо этого ваш стиль дизайна, вероятно, требует удаления подчеркиваний со всех ссылок. Вы сделали бы это, добавив стили в свою внешнюю таблицу стилей.
a { text-decoration: none;}
Это оно! Эта простая строка CSS отключит подчеркивание (которое на самом деле использует свойство CSS для «text-decoration») для всех ссылок. Вы также можете получить более конкретный характер с этим стилем. Например, если вы хотите отключить подчеркивание или ссылки внутри элемента «nav», вы можете написать: nav a { text-decoration: none;}
Теперь текстовые ссылки на странице получат подчеркнутое значение по умолчанию, но те, что находятся на nav, будут удалены. Одна вещь, которую многие веб-дизайнеры предпочитают делать, - это включить ссылку «on», когда кто-то нависает над текстом. Это будет сделано с использованием псевдокласса CSS: hover CSS, например: a { text-decoration: none;}a: hover { текст-отделка: подчеркнуть;} В качестве альтернативы внесению изменений в внешнюю таблицу стилей вы также можете добавить стили непосредственно к самому элементу в HTML. Проблема с этим методом заключается в том, что он помещает информацию о стиле внутри вашей структуры HTML, что не является лучшей практикой. Стиль (CSS) и структура (HTML) должны храниться отдельно. Если вы хотите, чтобы все текстовые ссылки на сайте были удалены, добавление этой информации стиля в каждую ссылку на индивидуальной основе означало бы, что к вашему коду сайта добавляется значительная добавочная надбавка. Эта разметка страницы может замедлить время загрузки сайта и сделать общее управление страницей более сложным. По этим причинам предпочтительно всегда обращаться к внешней таблице стилей для всех потребностей стиля страницы. Так же легко, как удалить подчеркивание из текстовых ссылок веб-страницы, вы также должны помнить о последствиях этого. Хотя он действительно может очистить внешний вид страницы, он может сделать это за счет общего удобства использования. Примите во внимание следующий раз, когда вы рассмотрите возможность изменения свойств «text-decoration» страницы. Использование встроенного CSS
В заключение
