Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#статьи</a>

2 <ul><li>13 янв 2025</li>

3 <li>0</li>

4 </ul>Если интернет - это библиотека, то Всемирная паутина - это система навигации, которая помогает найти нужную книгу среди миллионов томов.

5 Иллюстрация: Оля Ежак для Skillbox Media

6 Филолог и технарь, пишет об IT так, что поймут даже новички. Коммерческий редактор, автор технических статей для vc.ru и "Хабра".

7 WWW (World Wide Web, или Всемирная паутина) - это глобальная сеть взаимосвязанных веб-страниц, доступных через интернет. Когда вы переходите по ссылке с новостного сайта на другой ресурс или из социальной сети в интернет-магазин, вы путешествуете по этой "паутине".

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

9 Давайте рассмотрим историю создания Всемирной паутины и разберёмся: кто её изобрёл, как она устроена и чем отличается от интернета.

10 Содержание

11 <ul><li><a>Предпосылки возникновения WWW</a></li>

12 <li><a>История создания Всемирной паутины</a></li>

13 <li><a>Чем WWW отличается от интернета</a></li>

14 <li><a>Устройство и перспективы развития Всемирной паутины</a></li>

15 </ul>Всемирная паутина появилась в результате развития компьютерных сетей, протоколов передачи данных и массового распространения персональных компьютеров. Также значительную роль в её создании сыграло научное сообщество, которое нуждалось в удобном способе обмена информацией.

16 Развитие компьютерных сетей.В 1969 году в США появилась первая компьютерная сеть ARPANET, которая объединила компьютеры нескольких университетов и заложила техническую основу для будущей WWW. До появления сетевой инфраструктуры обмен данными между компьютерами осуществлялся через физические носители - дискеты и компакт-диски.

17 Сеть ARPANET в 1970 годуИзображение: Semaforo GMS / Wikimedia CommonsСоздание сетевых протоколов.После запуска ARPANET началась разработка стека протоколов TCP/IP - технологии, которая впоследствии обеспечила надёжную систему обмена гипертекстовыми документами для WWW. Протокол TCP отвечает за корректную последовательность доставки пакетов данных, а IP управляет их маршрутизацией между компьютерами.

18 Например, когда пользователь отправляет электронное письмо, протокол TCP разбивает его на пакеты данных и контролирует их доставку получателю в нужном порядке. Протокол IP выбирает оптимальный маршрут для каждого пакета через сеть узлов - аналогично тому, как почтовая служба прокладывает путь для доставки обычного письма.

19 <a>Спецификация TCP/IP</a>была впервые представлена в 1974 году. Затем она дорабатывалась и с 1 января 1983 года стала стандартом сети ARPANET.

20 Распространение персональных компьютеров.В 1980-х годах ПК стали появляться в массовой продаже и модели вроде<a>Apple II</a>или<a>IBM PC</a>можно было приобрести за 1500-3500 долларов. Компьютеры начали появляться во множестве домов и офисов по всему миру, создавая тем самым обширную пользовательскую базу для будущей Всемирной паутины.

21 Apple II в Национальном музее американской историиФото:<a>三猿</a>/ Wikimedia CommonsЗапросы учёных и исследователей.С развитием компьютерных сетей и интернета научному сообществу требовались всё более эффективные способы обмена информацией и совместной работы. Исследователям были необходимы удобные инструменты для обмена данными, публикации результатов и координации работы между научными институтами.

22 Например, в 1960-х годах учёный<a>Тед Нельсон</a>разработал<a>проект Xanadu</a> - первую концепцию гипертекстовой системы. В отличие от будущей WWW, Xanadu предлагал использовать двунаправленные ссылки - чтобы пользователи видели не только целевую страницу, но и все документы, которые на неё ссылаются. Проект также включал систему управления версиями документов, подобную современному Git, что давало возможность отслеживать изменения в научных статьях и наблюдать эволюцию идей.

23 Проект Xanadu так и не получил широкого распространения. Тед Нельсон постоянно усложнял концепцию, затягивал разработку и настаивал на коммерческой модели распространения, что существенно ограничивало доступность системы. Кроме того, технические требования Xanadu значительно превосходили возможности компьютеров того времени.

24 Другим значимым проектом был<a>NLS (oN-Line System)</a>, которым занимался<a>Дуглас Энгельбарт</a>в Стэнфордском университете в 1968 году. Его система уже тогда включала многие элементы современного веба: графический интерфейс с поддержкой мыши, гипертекст для связывания документов и возможность организации видеоконференций. Например, пользователи могли перемещаться между связанными документами простым щелчком мыши - точно так же, как мы переходим между сайтами в интернете.

25 Главная проблема NLS заключалась в её непригодности для массового использования. Система работала исключительно на мейнфрейме<a>SDS 940</a> - громоздком и мощном компьютере, доступном лишь крупным организациям из-за высокой стоимости и сложного обслуживания.

26 Кроме того, NLS требовала специального терминала и инновационных устройств ввода: особой пятиклавишной клавиатуры, одной из первых компьютерных мышей и специального графического дисплея. Помимо прочего, пользователям необходимо было запоминать множество команд - без них невозможно было создавать гиперссылки и работать с системой.

27 Наиболее значимым оказался проект<a>Тима Бернерса-Ли</a>, над которым он работал в исследовательском центре ЦЕРН в конце 1980-х годов. Именно там он придумал базовые технологии WWW, которые легли в основу современной Всемирной паутины. Давайте рассмотрим, как это было.

28 Тим Бернерс-Ли - создатель Всемирной паутиныКадр:<a>LeWeb</a>/<a>YouTube</a>Прототипом Всемирной паутины стала программа Enquire, которую Тим Бернерс-Ли разработал для обмена документами внутри ЦЕРН. Программа использовала инновационный для того времени подход - она хранила данные на основе ассоциативных связей, аналогично тому, как человеческий мозг связывает между собой различные идеи и концепции.

29 Так, документ о физическом эксперименте мог быть связан не только с похожими экспериментами, но и с описанием используемого оборудования, биографиями учёных и теоретическими основами исследования. Такая система создавала разветвлённую сеть связей между документами, что облегчало поиск и систематизацию информации внутри научного центра.

30 Несмотря на свою инновационность, программа Enquire работала только на <a>компьютерах Norsk Data</a>и поддерживала только одного пользователя в системе. Такие ограничения не соответствовали потребностям международного научного центра с более чем 17 000 учёных из 100 стран.

31 Тим Бернерс-Ли понял, что научному сообществу требуется более универсальная система с такими характеристиками:

32 <ul><li>Совместимостью с различными компьютерами и операционными системами.</li>

33 <li>Возможностью глобального обмена информацией между пользователями.</li>

34 <li>Децентрализованной структурой без единого управляющего центра.</li>

35 </ul>В процессе подготовки концепции Всемирной паутины Тим Бернерс-Ли вдохновлялся работой<a>Ваневара Буша</a><a>As We May Think</a>(1945). В этой статье Буш представил концепцию<a>Memex</a> - устройства для расширения памяти, которое позволяло бы пользователям создавать ассоциативные связи между документами, подобно тому как мы делаем закладки в книгах.

36 Например, когда пользователь читал статью о Второй мировой войне, он мог создавать связи с документами о конкретных сражениях, биографиями полководцев и описаниями военной техники. Такой подход к организации информации стал прообразом гипертекста, где мы можем перемещаться между связанными темами и выстраивать собственный путь познания.

37 В марте 1989 года Тим Бернерс-Ли<a>подготовил</a>документ, который описывал возможности новой гипертекстовой системы. Для реализации проекта он запросил у руководства ЦЕРН двух сотрудников сроком на 6-12 месяцев. Этими сотрудниками стали сам Тим и системный инженер<a>Роберт Кайо</a>.

38 Концепция распределённой гипертекстовой системы Тима Бернерса-Ли, представленная в марте 1989 года. Изначально проект носил название Mesh, а в 1990 году был переименован в World Wide WebИзображение: <a>CERN</a>В 1991 году Бернерс-Ли создал программное обеспечение WWW, которое включало текстовый браузер, веб-сервер и библиотеку для разработчиков. Пользователь мог открывать простые текстовые страницы с информацией о проекте и переходить по ссылкам на другие документы - это напоминало современные браузеры, но без графики и с более простым интерфейсом.

39 Компьютер NeXT - первый в мире веб-сервер, на котором Тим Бернерс-Ли развернул Всемирную паутину. На этикетке, прикреплённой к компьютеру, красным фломастером написано: "Эта машина - сервер. НЕ ВЫКЛЮЧАЙТЕ ЕЁ!!"Источник: Mike Peel / Wikimedia CommonsВ марте 1991 года WWW стала доступна сотрудникам ЦЕРН. 6 августа того же года был запущен первый в истории сайт<a>http://info.cern.ch</a>. На нём размещалась информация о концепции Всемирной паутины и подробные инструкции по установке веб-сервера и работе с браузером. В этот же день Бернерс-Ли<a>анонсировал</a>запуск WWW в новостных группах интернета.

40 Интерфейс первого сайта в симуляторе браузера WorldWideWeb. Текст переведён "Google Переводчиком"Скриншот:<a>line-mode</a>/ Skillbox Media30 апреля 1993 года ЦЕРН опубликовал исходный код WorldWideWeb и сделал его открытым программным обеспечением. Такое решение сильно ускорило развитие технологии и привлекло множество пользователей.

41 В 1994 году состоялась<a>Первая международная конференция World Wide Web</a>. К концу того же года Всемирная паутина объединяла уже около 10 тысяч серверов и обслуживала более 10 миллионов пользователей. Масштаб передаваемой информации впечатлял - каждую секунду через паутину проходил объём данных, равный полному собранию сочинений Шекспира.

42 Сегодня за развитие Всемирной паутины отвечают несколько организаций:

43 <ul><li><a>W3C</a> - это консорциум, который разрабатывает и утверждает современные веб-стандарты: HTML, CSS и другие технологии.</li>

44 <li><a>IETF</a> - это организация, которая отвечает за развитие HTTP и других базовых интернет-протоколов.</li>

45 <li><a>ICANN</a> - это корпорация, управляющая системой доменных имён и IP-адресов, которая необходима для работы URL-адресов.</li>

46 </ul>Интернет и Всемирная паутина нередко считаются синонимами. Однако технически это два разных, хотя и тесно связанных между собой понятия.

47 Интернет - это глобальная сеть компьютеров, соединённых между собой через сложную инфраструктуру. Она включает оптоволоконные кабели, спутники, маршрутизаторы, серверы и другое сетевое оборудование. Такая физическая система обеспечивает передачу данных между устройствами через стандартизированные протоколы связи: TCP/IP - для передачи данных, HTTP/HTTPS - для веб-страниц, FTP - для передачи файлов, SMTP - для электронной почты и DNS - для преобразования доменных имён в IP-адреса.

48 Всемирная паутина - это система взаимосвязанных веб-страниц и один из сервисов, которые работают через интернет. Проще говоря, это то, что мы видим, когда открываем Chrome, Safari или другой браузер. Если провести аналогию, интернет - это дороги, а Всемирная паутина - транспорт и грузы, которые по ним движутся. При этом интернет остаётся глобальной сетью, обеспечивающей работу как World Wide Web, так и других систем.

49 Всемирная паутина стала популярной благодаря следующим особенностям:

50 <ul><li>Простоте использования - любой человек может просматривать веб-страницы через браузер без специальных технических знаний.</li>

51 <li>Мультимедийности - на одной странице можно объединить текст, изображения, видео и звук.</li>

52 <li>Интерактивности - можно не просто читать информацию, но и взаимодействовать с ней через формы, кнопки и другие элементы.</li>

53 <li>Гипертекстуальности - пользователи могут мгновенно переходить между связанными документами с помощью ссылок.</li>

54 </ul>Без Всемирной паутины интернет продолжал бы функционировать, но представлял бы собой набор разрозненных сервисов без единой системы навигации. Пользоваться такой версией интернета было бы неудобно.

55 Представьте, что вы ищете рецепт борща. Сегодня достаточно открыть браузер и ввести в поисковик "рецепт борща". Перед вами сразу появится список сайтов с рецептами, фотографиями и видеоинструкциями.

56 Без Всемирной паутины вам пришлось бы знать точный адрес FTP-сервера с кулинарными рецептами, использовать специальную программу для подключения и вручную скачивать текстовые файлы один за другим. При этом все файлы были бы доступны только в текстовом формате - никаких изображений и видео. К тому же у вас не было бы ни поисковой системы, ни возможности быстро переходить между связанными рецептами.

57 Разумеется, мы рассмотрели упрощённый пример ранней версии интернета. Даже без WWW могли бы существовать текстовые базы данных с поисковыми возможностями. Однако такая система отличалась бы отсутствием мультимедийного контента и более сложной навигацией.

58 Всемирная паутина изначально была построена на трёх базовых технологиях, которые стали основой современного веба:

59 <ul><li><a>HTML</a> - язык разметки, позволяющий создавать веб-страницы с текстом, изображениями и гиперссылками.</li>

60 <li><a>HTTP</a> - протокол передачи данных, обеспечивающий взаимодействие между веб-серверами и браузерами.</li>

61 <li><a>URL</a> - стандартизированный формат адресов, позволяющий пользователям находить ресурсы в интернете.</li>

62 </ul>Принцип работы был довольно простым: веб-страницы создавались на языке HTML и размещались на серверах. Когда человек вводил URL в строку браузера, HTML-документ передавался с сервера на устройство по протоколу HTTP. После этого браузер обрабатывал HTML-код и преобразовывал его в понятную для пользователя веб-страницу.

63 К настоящему времени веб значительно эволюционировал и обогатился множеством новых технологий:

64 <ul><li><a>HTML5</a> - современная версия языка разметки, существенно расширяющая возможности HTML. Она включает встроенную поддержку аудио и видео, семантические элементы, холст Canvas для создания графики, WebGL для 3D-графики, локальное хранилище данных, улучшенные формы и множество других функций.</li>

65 <li><a>CSS</a> - это каскадные таблицы стилей, определяющие визуальное оформление. С их помощью разработчики управляют цветами, шрифтами и расположением всех элементов на странице.</li>

66 <li><a>JavaScript</a> - язык программирования, который делает веб-страницы интерактивными и позволяет динамически менять их содержимое. JavaScript позволяет создавать анимации, обрабатывать действия пользователя (клики, ввод текста и другое), обновлять информацию на странице без перезагрузки и проверять заполнения форм.</li>

67 <li><a>HTTPS</a> - защищённый протокол для передачи данных между клиентом и сервером, который обеспечивает безопасность благодаря шифрованию. Например, при использовании онлайн-банкинга или совершении покупок в интернет-магазинах HTTPS шифрует пароли и банковские данные от перехвата злоумышленниками.</li>

68 <li><a>DNS</a> - система доменных имён, преобразующая удобные для человека веб-адреса в IP-адреса серверов. Например, при вводе www.google.com DNS переводит его в числовой адрес, такой как 172.217.16.238, который позволяет компьютеру найти нужный сервер.</li>

69 <li><a>Веб-серверы</a> - программное обеспечение, которое принимает запросы от браузеров и отправляет им в ответ веб-страницы. Вот несколько популярных веб-серверов:</li>

70 </ul><ul><li><a>Apache HTTP Server</a> - ПО с открытым исходным кодом, известное гибкими настройками и модульной архитектурой.</li>

71 <li><a>Nginx</a> - высокопроизводительный сервер, подходящий для использования в качестве прокси и балансировщика нагрузки.</li>

72 <li><a>Microsoft IIS</a> - сервер от Microsoft, разработанный для Windows Server и глубоко интегрированный в её экосистему.</li>

73 <li><a>LiteSpeed</a> - коммерческий сервер с акцентом на производительность и совместимость с настройками Apache.</li>

74 <li><a>Caddy</a> - современный веб-сервер с автоматическим управлением HTTPS-сертификатами.</li>

75 </ul><ul><li><a>Базы данных</a> - это системы для хранения и обработки информации в веб-приложениях. Например, интернет-магазин хранит в базе данных каталог товаров, информацию о клиентах и историю заказов. Вот несколько популярных решений:<a>MySQL</a>,<a>PostgreSQL</a>и <a>MongoDB</a>.</li>

76 <li><a>API</a> - интерфейсы программирования приложений для взаимодействия веб-сервисов. Например, когда вы бронируете отель через сайт агрегатора, API обеспечивает обмен данными между сайтом агрегатора и системой бронирования отеля.</li>

77 <li><a>WebSocket</a> - это протокол, обеспечивающий двустороннюю связь между браузером и сервером для обмена данными в реальном времени. В отличие от HTTP, где каждый запрос требует нового подключения, WebSocket поддерживает постоянное соединение. Например, в онлайн-чатах или многопользовательских играх WebSocket позволяет мгновенно доставлять сообщения всем участникам без постоянного опроса сервера.</li>

78 <li><a>CDN</a> - сети доставки контента, ускоряющие загрузку веб-страниц через распределённые серверы. Например, когда пользователь из Москвы заходит на сайт, его контент загружается с ближайшего сервера CDN в России, а не с основного сервера в США.</li>

79 <li><a>XML</a>и <a>JSON</a> - это стандартные форматы обмена структурированными данными между веб-приложениями и сервисами. Например, при поиске авиабилетов сайт-агрегатор получает от авиакомпаний информацию о рейсах в формате JSON, содержащую время вылета, цену и наличие мест.</li>

80 <li><a>GraphQL</a> - язык запросов для API, позволяющий оптимизировать передачу данных путём точного указания требуемой информации.</li>

81 <li><a>Service workers</a> - фоновые скрипты браузера, позволяющие веб-приложениям работать в офлайн-режиме и отправлять push-уведомления пользователям. Например, почтовый клиент может загрузить письма для просмотра без интернета, а новостное приложение - уведомить о событиях даже при закрытом браузере.</li>

82 <li><a>OAuth 2.0</a>и <a>JWT</a> - протоколы и стандарты безопасной аутентификации и авторизации пользователей на веб-ресурсах. Так, когда вы нажимаете "Войти через Google" на каком-либо сайте, OAuth 2.0 безопасно предоставляет этому сайту доступ к вашей учётной записи, не передавая пароль. JWT при этом отвечает за хранение информации о вашей сессии.</li>

83 </ul>Мы перечислили лишь основные технологии, которые составляют основу современной Всемирной паутины. Помимо них, существуют различные системы управления контентом (<a>CMS</a>), фреймворки для разработки (<a>React</a>,<a>Angular</a>,<a>Vue.js</a>),<a>инструменты тестирования</a>и множество других решений.

84 Если попробовать прогнозировать будущее Всемирной паутины, то можно выделить несколько предполагаемых направлений её развития:

85 <ul><li>Рост использования нейросетей. Алгоритмы искусственного интеллекта значительно улучшат поиск информации, персонализацию контента и взаимодействие с пользователями. Например, интернет-магазины смогут автоматически подстраивать свои каталоги под интересы каждого покупателя, анализируя его предыдущие покупки, просмотры или даже время, проведённое на странице товара.</li>

86 <li>Усиление безопасности и конфиденциальности. Современные методы шифрования будут глубже интегрироваться в веб-сервисы, социальные сети и платёжные системы для обеспечения надёжной защиты персональных данных. Например, внедрение<a>квантового шифрования</a>сделает перехват данных физически невозможным.</li>

87 <li>Углубление интеграции с виртуальной и дополненной реальностью. Приложения будут активнее использовать иммерсивные технологии для взаимодействия с пользователем. Например, при выборе мебели покупатели смогут через камеру смартфона увидеть, как предметы интерьера впишутся в их квартиру.</li>

88 </ul>Какие бы изменения нас ни ожидали в будущем, хочется надеяться, что Всемирная паутина сохранит принципы открытости и доступности информации, которые были заложены её создателем, Тимом Бернерсом-Ли.

89 <a>Бесплатный курс по Python ➞Мини-курс для новичков и для опытных кодеров. 4 крутых проекта в портфолио, живое общение со спикером. Кликните и узнайте, чему можно научиться на курсе. Смотреть программу</a>