Visited links что это за файл
Посещенные ссылки. Visited links (Рейтинг: 0 )
Все в гиперпространстве связанно между собой гиперссылками. Почти каждый переход с одной страницы на другую страницу подразумевает предварительный щелчок мышью по определенной ссылке. Как дать посетителю сайта знать о том, что он уже посещал страницу, на которую ведет определенная ссылка?
Итак, начнем с Якоба Нильсена – эксперта по удобству и простоте использования. Краткое изложение его статьи по визуализации ссылок (Guidelines for Visualizing Links):
Текстовые ссылки должны быть цветными и подчеркнутыми для того, чтобы достигнуть необходимой воспринимаемости этих ссылок, хотя существуют несколько исключений.
По его словам можно избегать подчеркиваний в навигационном меню сайта и в списках ссылок. При этом пользователю должно быть предельно ясно, какую роль выполняют эти объекты страницы. Если для определения ссылок используются красный и зеленый цвета, то подчеркивание обязательно из-за наиболее распространенных форм дальтонизма.
Подчеркивание также обязательно, если одним из ваших приоритетов является доступность сайта, т.к. много людей имеют плохое зрение.
Примерно 74% всех сайтов используют цветовое определение для распознавания уже посещенных ссылок от еще не посещенных ссылок. Это хорошая дизайнерская традиция, к которой привыкли пользователи.
Цвет не посещенных ссылок должен быть ясным, ярким и насыщенным чем цвет посещенных ссылок, которые должны выглядеть размытыми и тусклыми. Два цвета, отличающие один тип ссылок (которые не открывались) от другого типа ссылок (которые открывались ранее) должны быть оттенком одного и того же цвета. Оттенки голубого цвета больше всего сигнализируют о том, что это ссылка.
Метод Симона Коллисона был признан как один из самых практичных и оригинальных методов. Идея достаточно проста и хорошо подходит для списков со ссылками. На сайтах можно увидеть галочку, которая появляется напротив той ссылки, по которой посетитель уже щелкал мышью или раньше был на странице, куда ведет адрес ссылки. Весь эффект полностью создается в CSS, т.е. XHTML код страницы остается нетронутым. Если внести некоторые изменения в CSS код Симона, то этот метод можно применять к обычным ссылкам, которые не находятся в списках. CSS код этого метода:
Internet Explorer тормозит широкое использование уже давно появившихся псевдо-элементов fore и :after, которые могут идеально выполнять необходимую функцию определения уже посещенных ссылок. Почти все современные браузеры поддерживают эти элементы.
Для псевдо-элементов fore и :after Майк Дэйвидсон (и несколько людей до него) предложил вместо текста использовать знак корня (радикал) – своеобразная галочка. Но эта галочка является не картинкой, а unicode символом ( \221A ), который появляется после ссылки, по адресу которой уже был определенный посетитель. Весь код также находиться в CSS и выглядит следующим образом:
\00A0 означает непрерывающиеся пустое место (вместо пробела).
Я думаю, что различные галочки иногда могут вводить пользователя в заблуждение. В его понимании этот знак может нести в себе другой смысл. Поэтому необходимо дать знать посетителю сайта о том, какую роль выполняет определенный символ после ссылок.
Форум
Справочник
Доброго времени суток!
Появилась необходимость написать скрипт, который будет проверять несколько сайтов на посещаемость юзером.
Сразу же на ум пришла такая идея:
Но не всё так просто, браузер не даёт получить такие ссылки.
Далее на ум приходит такая идея: с помощью CSS дать определённый цвет текста для :visited и проверять его с помощью getComputedStyle, но не всё так просто. браузер и это блокирует!
Набросал такой скрипт:
По началу, мне казалось, что всё работает как нужно, но всё-таки что-то не так. Каждый раз разный результат.
У кого какие идеи и предложения, коллеги?
Ладно, такой вопрос: какой цвет самый быстрый и какой цвет самый медленный в плане отрисовки в CSS?
Можно ведь ещё в сочетании с background-color сделать. Так вот, какие цвета для color/background-color лучше использовать для :visited и какие лучше для обычных ссылок? Чтобы время отрисовки было различимо и можно было понять, что из ссылок visited.
Буду благодарен за ответы.
А разве цвет влияет на скорость? Рисовать то будет ни CSS, и даже не браузер, а система, которой будет передан цвет, который будет отдан экрану, который будет передан графической системе. Чем большим количество байт кодируется цвет, тем больше затрат. А какой при этом цвет, красный или зеленый не важно, в 24 битной палитре они оба представлены как 4 байта.
Ели бы в CSS было бы не просто безопасный цвет задать, но и сказать, что работать с индексной палитрой при этом, тогда бы еще можно было говорить о выгоде. В индексной палитре нужно только указать индекс цвета, который требуется изменить, и во всех ячейках картинки он сразу будет заменен. Но это картинка, а на экране страница в итоге будет определена все равно глубиной цвета, которая у системы.
Или суть вопроса иная? )
Информация о посещениях сайтов считается конфиденциальной. Потому для :visited есть ряд ограничений (по стилями т.д.), чтобы невозможно было что-то выяснить скриптом. Те препятствия, на которые ты наткнулся, не случайны.
Ну это если с локальными цветами работать, ибо черный это все 0, а в синем один байт равен 255, который нужно преобразовать в бинарное значение. Выигрыш будет еще больше, если задавать цвет в RGB, а не как HEX представление #000, не потребуется лишних операций.
Но если цвет не локальный, то без разницы какой он.
Особенности CSS :visited — почему вы не можете установить размер шрифта для посещенной ссылки
Дата публикации: 2019-04-01
От автора: посещенные ссылки отображаются фиолетовым цветом; непосещенные — отображаются синим. Это различие восходит к началу Интернета. Но можно настроить эту визуальную разницу с помощью псевдо-селектора :visited CSS!
Скажем, вы хотите сделать посещенные ссылки серыми и маленькими, чтобы указать пользователю, что эта ссылка «обработана»:
Обратите внимание, что посещенная ссылка выглядит серой, как и ожидалось, но размер шрифта не изменился! Это потому, что изменение размера шрифта было бы уязвимостью безопасности! Если бы CSS мог установить размер шрифта по-другому, я (Джим) мог бы сказать, посещали ли вы pornhub.com. Но как?
Практический курс по верстке адаптивного сайта с нуля!
Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3
Веб-страницы могут проверять визуализированные на странице элементы. Самый очевидный способ с помощью window.getComputedStyle(). Вот сообщаемые свойства посещенной ссылки выше, как их указывает браузер: font-size: 18px; color: rgb(0, 0, 238).
Если бы getComputedStyle отправлял для посещенных ссылок 6px вместо 18px, я мог бы на этой странице сгенерировать ссылку pornhub.com, а затем протестировать размер шрифта, чтобы раскрыть историю просмотров. Тогда я смогу показывать вам целевую рекламу, продавать ваши данные, шантажировать вас и так далее. Эта брешь в безопасности была закрыта, так и для a:visited нельзя установить font-size.
Но обратите внимание на то, что для цвета посещенной ссылки getComputedStyle сообщает: rgb(0, 0, 238), т.е. синего цвета. Это не так — ссылка серая! Для свойства color браузеры по-разному закрывают брешь в безопасности: вместо того, чтобы запрещать настройку свойства, они лгут getComputedStyle о его значении.
Существует короткий белый список свойств, например color, которые не влияют на макет страницы, и поэтому не должны обнаруживаться. Они все связаны с цветом цвета. Все остальные свойства CSS запрещены.
В теории, нет никакого способа, чтобы веб-страница могла определить, имеет ли ссылка другой цвет. Однако на практике одной из возможностей является временная атака: скажем, если для окрашивания чего-либо в розовый цвет по сравнению с синим требуется больше времени, страница могла бы измерить, сколько времени потребовалось для визуализации элемента, и сравнить это с ожидаемой продолжительностью.
Автор: Jim Fisher
Редакция: Команда webformyself.
Практический курс по верстке адаптивного сайта с нуля!
Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3
visited links
Смотреть что такое «visited links» в других словарях:
List of spacecraft and crews that visited Mir — This is a list of the spacecraft and crews that visited the Russian space station Mir.Mir s core was originally launched on 19 February 1986. It was largely assembled while in orbit and had many short term crew (about a week aboard the station)… … Wikipedia
The Murder on the Links — Dust jacket il … Wikipedia
china — /chuy neuh/, n. 1. a translucent ceramic material, biscuit fired at a high temperature, its glaze fired at a low temperature. 2. any porcelain ware. 3. plates, cups, saucers, etc., collectively. 4. figurines made of porcelain or ceramic material … Universalium
China — /chuy neuh/, n. 1. People s Republic of, a country in E Asia. 1,221,591,778; 3,691,502 sq. mi. (9,560,990 sq. km). Cap.: Beijing. 2. Republic of. Also called Nationalist China. a republic consisting mainly of the island of Taiwan off the SE coast … Universalium
British Israelism — Not to be confused with Israelis in the United Kingdom. British Israelism (also called Anglo Israelism) is the belief that people of Western European descent, particularly those in Great Britain, are the direct lineal descendants of the Ten Lost… … Wikipedia
Australia — /aw strayl yeuh/, n. 1. a continent SE of Asia, between the Indian and the Pacific oceans. 18,438,824; 2,948,366 sq. mi. (7,636,270 sq. km). 2. Commonwealth of, a member of the Commonwealth of Nations, consisting of the federated states and… … Universalium
List of The Sopranos characters — The following is a listing of fictional characters from the HBO series The Sopranos. To view characters organized by their associations, see the subpages section. Contents 1 Main characters 2 Supporting characters 3 Recurring guest stars … Wikipedia
Help:User style — This Wikipedia help page is outdated. Please update this Wikipedia help page to reflect recent events or newly available information. Please see the talk page for more information. The user can customize fonts, colors, positions of links in the… … Wikipedia
Foreign relations of India — The Republic of India is the world s most populous democracy and has one of the fastest economic growth rates in the world (8.9 percent GDP increase in 2007, the second fastest major economy in the world after China). [… … Wikipedia
Colombia–United States relations — United States – Colombia relations Colombia … Wikipedia
Состояния ссылок в CSS. Псевдоклассы
Первый урок четвертой главы мы начнем с изучения ссылок, а точнее, будем разбираться с тем, какие состояния бывают у ссылки, и как через CSS можно повлиять на ее вид в том или ином состоянии, используя соответствующие псевдоклассы.
Какими бывают состояния ссылок
Взаимодействия пользователя с элементами веб-страницы отслеживаются браузером. Если говорить о ссылках, им присваивается определенный статус в зависимости от того, какое действие было совершено (наведение, нажатие, переход по ссылке и т. д.). Это мы и называем состояниями ссылок.
Когда вы пишете стиль CSS, то с помощью селектора указываете, для какого элемента он предназначен. В самом начале учебника, когда мы изучали селекторы, в одном из уроков рассматривались псевдоклассы CSS, благодаря которым можно задавать стили для разных состояний элемента, в том числе для ссылок. Ниже — четыре состояния, которые могут принимать ссылки:
Стилизация состояний
С помощью псевдокласса :hover можно существенно изменить стиль ссылки, которая находится в состоянии наведенного на нее курсора. Простейший пример:
Псевдокласс :active также поддается гибкой стилизации:
Если в ваши планы входит максимально детальная проработка дизайна ссылок, то желательно определить стили для всех четырех состояний. При этом очень важно соблюсти порядок, в котором будут записаны селекторы с псевдоклассами. Обязательно размещайте их в следующей последовательности:
Выбор ссылок с помощью селекторов
Чтобы определить стили для всех состояний данных ссылок, запишите для каждого псевдокласса отдельное правило:
Обширные возможности CSS в плане построения селекторов позволяют с удобством делать точную выборку ссылок, которые вам необходимо стилизовать. А какие именно свойства CSS применимы к ссылкам, мы обсудим в следующем уроке.