Почему ссылки синие 🔵

Задумывались когда-нибудь, почему ссылки пр умолчанию выделены синим цветом? Подчеркивание понятно — нужно как-то обозначить, куда тыкать, чтобы перейти на другую страницу. Как они обрели свой внешний вид — краткий экскурс.

Привет, на связи PR-CY!

Мы работаем над сервисами для владельцев сайтов pr-cy.ru/analysis/, но еще любим интересные кейсы о SEO и истории про интернет. В блоге делимся находками с вами :)

Задались как-то вопросом, почему ссылки синие, и кто это придумал, были ли они другого цвета. Спасибо Mozilla, проделали большую работу, подняли архивы и нашли информацию, как все было. Передаем вкратце в переводе:

В 1960 году разработали первый гипертекстовый проект Xanadu, а в нем впервые соединили две страницы визуальными линиями. Привет, первая ссылка! 🎉 Выглядит странно, но как-то так это и работало.

Первая ссылка уже в том виде, в котором мы привыкли ее наблюдать, появилась в системе HyperTIES. Там начали использовать цвет, чтобы обозначить ссылки на черном фоне. Обычный текст был серым, а гипертекст стал ярко-голубым. Но не синим, копаем дальше.

Внешний вид ссылок меняется. Появился Windows 1.0 с полноценным интерфейсом: окнами, белым фоном, черным текстом и кнопками. Ссылки больше не голубые, они как и обычный текст, но зато подчеркнутые. Голубого и синего много в заголовках и оформлении окон.

Появился первый черно-белый браузер Mosaic. Выглядит более-менее привычно, ссылки выглядят именно так, как сейчас, но цвета нет.

У Microsoft использует синий цвет для оформления окон, а еще для активных состояний: когда пользователь выбирает объект, то есть кликает на папки и ярлыки.

12 апреля выпустили версию браузера Mosaic Version 0.13, в которой стали использовать цвета. В журнале изменений появился пункт:

Скриншота, к сожалению, не нашлось.

Но есть вот такой скриншот программы Cello, который создали в юридической школе для получения доступа к сайту школы с компьютеров на Windows. Синий цвет, подчеркивание — то, как мы привыкли видеть ссылки, но так здесь обозначили заголовки. Тем не менее, стиль сформирован.

Также в 1993 году появился порт Mosaic для операционной системы Macintosh 7.1. И вот он уже становится первым визуальным свидетельством, что синий и подчеркивание стали применять для ссылок. А не заголовков, как в Cello.

Потом в разных интерфейсах ссылки становились то черными, то снова синими, иногда этот стиль отбирали заголовки. Но в итоге ситуация устаканилась и внешний вид ссылок окончательно закрепился.

Честно, точно не знаем. Те, кто впервые использовали этот цвет для ссылок, не оставили документа с разъяснениями.

Есть версия, что синий выбрали для контрастности, чтобы он выделялся в черном тексте, но не резал глаз. Контрастность вкупе с подчеркиванием делают ссылки заметными для дальтоников. Другая версия в том, что и Cello, и Mosaic, которые практически одновременно выбрали этот цвет, вдохновились интерфейсом Windows. Они первыми взяли синий для обозначения выделения объектов, а Mosaic это показалось хорошей идеей для выделения расширенного текста.

В любом случае занятно: даже сейчас мы используем синий как стандарт, потому что давно кто-то сказал "Будем делать так".

Если вам интересно почитать о развитии внешнего вида ссылок подробнее, есть статья (на английском).

Оцените пост, если было интересно! 😉