Почему ссылки синие 🔵
Задумывались когда-нибудь, почему ссылки пр умолчанию выделены синим цветом? Подчеркивание понятно — нужно как-то обозначить, куда тыкать, чтобы перейти на другую страницу. Как они обрели свой внешний вид — краткий экскурс.
Привет, на связи PR-CY!
Мы работаем над сервисами для владельцев сайтов pr-cy.ru/analysis/, но еще любим интересные кейсы о SEO и истории про интернет. В блоге делимся находками с вами :)
Задались как-то вопросом, почему ссылки синие, и кто это придумал, были ли они другого цвета. Спасибо Mozilla, проделали большую работу, подняли архивы и нашли информацию, как все было. Передаем вкратце в переводе:
1964 год — появилась первая ссылка
В 1960 году разработали первый гипертекстовый проект Xanadu, а в нем впервые соединили две страницы визуальными линиями. Привет, первая ссылка! 🎉 Выглядит странно, но как-то так это и работало.
1983 год — ссылки стали голубыми
Первая ссылка уже в том виде, в котором мы привыкли ее наблюдать, появилась в системе HyperTIES. Там начали использовать цвет, чтобы обозначить ссылки на черном фоне. Обычный текст был серым, а гипертекст стал ярко-голубым. Но не синим, копаем дальше.
1985 — снова черные, но подчеркнутые
Внешний вид ссылок меняется. Появился Windows 1.0 с полноценным интерфейсом: окнами, белым фоном, черным текстом и кнопками. Ссылки больше не голубые, они как и обычный текст, но зато подчеркнутые. Голубого и синего много в заголовках и оформлении окон.
1987 — черно-белый браузер с подчеркиванием
Появился первый черно-белый браузер Mosaic. Выглядит более-менее привычно, ссылки выглядят именно так, как сейчас, но цвета нет.
1992 — синий цвет стал цветом действия
У Microsoft использует синий цвет для оформления окон, а еще для активных состояний: когда пользователь выбирает объект, то есть кликает на папки и ярлыки.
1993 — вот он, современный внешний вид ссылок
12 апреля выпустили версию браузера Mosaic Version 0.13, в которой стали использовать цвета. В журнале изменений появился пункт:
Изменен внешний вид ссылок по умолчанию. Для непосещенных синий цвет и одинарная сплошная линия подчеркивания, для посещенных темно-фиолетовый и одинарная пунктирная линия подчеркивания.
Скриншота, к сожалению, не нашлось.
Но есть вот такой скриншот программы Cello, который создали в юридической школе для получения доступа к сайту школы с компьютеров на Windows. Синий цвет, подчеркивание — то, как мы привыкли видеть ссылки, но так здесь обозначили заголовки. Тем не менее, стиль сформирован.
Также в 1993 году появился порт Mosaic для операционной системы Macintosh 7.1. И вот он уже становится первым визуальным свидетельством, что синий и подчеркивание стали применять для ссылок. А не заголовков, как в Cello.
Потом в разных интерфейсах ссылки становились то черными, то снова синими, иногда этот стиль отбирали заголовки. Но в итоге ситуация устаканилась и внешний вид ссылок окончательно закрепился.
Но почему именно синий-то? 🤔
Честно, точно не знаем. Те, кто впервые использовали этот цвет для ссылок, не оставили документа с разъяснениями.
Есть версия, что синий выбрали для контрастности, чтобы он выделялся в черном тексте, но не резал глаз. Контрастность вкупе с подчеркиванием делают ссылки заметными для дальтоников. Другая версия в том, что и Cello, и Mosaic, которые практически одновременно выбрали этот цвет, вдохновились интерфейсом Windows. Они первыми взяли синий для обозначения выделения объектов, а Mosaic это показалось хорошей идеей для выделения расширенного текста.
В любом случае занятно: даже сейчас мы используем синий как стандарт, потому что давно кто-то сказал "Будем делать так".
Если вам интересно почитать о развитии внешнего вида ссылок подробнее, есть статья (на английском).
Оцените пост, если было интересно! 😉
Toxic Mode On: ребяты, этот текст год назад перевели и опубликовали много-много раз. Без добавления чего-либо нового.
https://habr.com/ru/post/574896/
https://kogdakotika.net/post/why_are_hyperlinks_blue
https://zen.yandex.ru/media/whoisdutytoday/pochemu-giperssylki-sinie-6142d9275da5da506b526d70
https://trashbox.ru/link/why-are-hyperlinks-blue-color
et cetera
А вообще в палитре CGA было всего 16 цветов, а синий достаточно контрастен и доступен для дальтоников в отличие от других оттенков. Напомню, что доступность для людей с ограниченными возможностями - законодательно утвержденное требование для любых американских государственных и муниципальных сайтов. Немудрено, что веб-стандарты учитывают эти требования.
Естественно, он ведь не прям новый и тема интересная. А мы решили сократить, выбрать самое ключевое, то касается цвета, и опубликовать здесь - всегда есть шанс, что человек, который не знал, наткнется именно на эту публикацию, и узнает, и будет доволен. О многом есть много материалов :)