Посилання без підкреслення
Засобами тегів HTML прибрати підкреслення у посилань не представляється можливим. Тому для цієї мети використовуються каскадні таблиці стилів (Cascading Style Sheets, CSS).
Одне з найбільш популярних застосувань CSS для посилань - прибирання у них підкреслення. З позиції юзабіліті не зовсім вірне рішення, оскільки користувач може відразу не здогадатися, що текст, який він бачить, є посиланням. Все ж уже звикли - раз підкреслення використовується, значить це посилання. Але при правильному застосуванні відсутність підкреслення у посилань може надати певний ефект сайту. Часто робиться, що при наведенні курсору, посилання стає підкресленим, міняє свій колір, або використовується і те й інше дію одночасно.
Підкреслення ховається за допомогою стильового параметроа text-decoration: none, додаючи його до селектора A, як показано в прикладі 1.
Приклад 1. Прибирання підкреслення у посилання
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Title> Підкреслення у посилань </ title>
<Style type = "text / css">
A {
text-decoration: none; / * Прибирає підкреслення для посилань * /
}
A: hover {
text-decoration: underline; / * Додаємо підкреслення при наведенні курсору на посилання * /
color: red; / * Посилання червоного кольору * /
}
</ Style>
</ Head>
<Body>
<P> <a href="link.html"> Наведи сюди курсор, побачиш результат </a> </ p>
</ Body>
</ Html>
Нижче наведено результат виконання даного прикладу. При наведенні курсора на посилання, вона стає підкресленою і червоною.
Copyright що кредитують © www.htmlbook.ru
Коментарі
Коментуючи, пам'ятайте про те, що зміст і тон Вашого повідомлення можуть зачіпати почуття реальних людей, проявляйте повагу та толерантність до своїх співрозмовників навіть у тому випадку, якщо Ви не поділяєте їхню думку, Ваша поведінка за умов свободи висловлювань та анонімності, наданих інтернетом, змінює не тільки віртуальний, але й реальний світ. Всі коменти приховані з індексу, спам контролюється.