Відвідані посилання. Visited links

Все в гіперпросторі пов'язано між собою гіперпосиланнями. Майже кожен перехід з однієї сторінки на іншу сторінку має на увазі попередній клацання мишею по певному посиланню. Як дати відвідувачу сайту знати про те, що він уже відвідував сторінку, на яку веде певна посилання?

Відомо досить багато методів для того, щоб дати користувачеві знати про те, що він уже відвідував конкретну сторінку в інтернеті. Який з цих методів найбільш підходящий? Кольорове визначення посилань? Підкреслення? Картинка? При відповіді на це питання не варто забувати про дальтоніка, про кишенькові комп'ютери, і, звичайно ж, не варто забувати про браузерах, вірніше браузері – всіма улюблений ослик – Internet Explorer. З'явилася, сьому версію цього браузера можна називати вже солідніше – осел. Але ця тема для окремої статті.

Отже, почнемо з Якоба Нільсена – Експерта по зручності й простоті використання. Короткий виклад його статті з візуалізації посилань (Guidelines for Visualizing Links):

ul { list-style-type:none; padding:3px; } li a { display:block; line-height:150%; width:239px; background:URL(ticks_grey.gif); text-decoration:none; } li a:link, a:active { color:#666; } li a:hover { color:#F33; background-position: 0 -20px; } li a:visited { background-position: 0 -40px; }

При цьому XHTML код сторінки виглядає дуже просто:


<ul>
<li> адресу посилання </ li>
<li> ще одну адресу посилання і т.д. </ li>
</ul>

Internet Explorer гальмує широке використання вже давно з'явилися псевдо-елементів :before і :after, Які можуть ідеально виконувати необхідну функцію визначення вже відвіданих посилань. Майже всі сучасні браузери підтримують ці елементи.

Для псевдо-елементів :before і :after Майк Дейвідсон (і декілька людей до нього) запропонував замість тексту використовувати знак кореня (Радикал) – своєрідна галочка. Але ця галочка є не картинкою, а unicode символом ( \221A ), Який з'являється після заслання, за адресою якої вже був певний відвідувач. Весь код також перебувати в CSS і виглядає наступним чином:


a:visited:after {
content: "\00A0\221A";
font-size: 75%;
}

\00A0 означає непереривчастим пусте місце (замість пробілу).

Я думаю, що різні галочки іноді можуть вводити користувача в оману. У його розумінні цей знак може нести в собі інший сенс. Тому необхідно дати знати відвідувачу сайту про те, яку роль виконує певний символ після посилань.

Якщо ви хочете більш докладно вивчити тему відвіданих посилань, то можливо ці ресурси (англійською мовою) допоможуть:

  • Change the Color of Visited Links
  • Question Time: Visited Links
  • The ways to style visited links
  • Visited Links — Your Take
  • Visited links revisited

Кожен має право створювати свій власний стиль для посилань, будь то колір фону, колір посилання, підкреслення, колір і стиль підкреслення, галочка, певний текст чи щось інше. Головне думати і не забувати про найголовніше – відвідувачів вашого сайту.

Автор: Микита Вакоріна
Джерело: Umade.Ru

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*