Всемирная паутина (WWW, World Wide Web) — это система веб-страниц, которые связаны гиперссылками, лежат на серверах в интернете и открываются в браузере по адресу. Её придумал Тим Бернерс-Ли в ЦЕРН: первое предложение он написал в марте 1989 года, а первый сайт info.cern.ch работает до сих пор.
Интернет и веб часто путают. Интернет состоит из компьютеров и кабелей, а паутина работает поверх него как одна из служб, наравне с электронной почтой. Ниже разберём, как расшифровывается WWW, как устроен веб изнутри и при чём здесь HTML.
Рекомендуем курсы по веб-разработке
SkillboxПрофессия «Fullstack-разработчик на PHP»166 715 ₽12 месяцев
НетологияFullstack-разработчик на Python145 100 ₽21 месяц
Академия СинергияВеб-разработчик141 036 ₽6 месяцев
SkillFactoryПрофессия Fullstack-разработчик на Python173 844 ₽16 месяцев
OTUSFullstack разработчик JavaScript75 000 ₽6 месяцев
GeekBrainsФакультет fullstack JavaScript134 700 ₽15 месяцев
Как расшифровывается WWW и почему «паутина»
WWW расшифровывается как английское World Wide Web. Дословно это «всемирная широкая сеть», но в русском закрепился перевод «всемирная паутина»: web по-английски и есть паутина.
| Буква | Слово | Перевод |
|---|---|---|
| W | World | мир, всемирный |
| W | Wide | широкий, повсеместный |
| W | Web | паутина, сеть |
Почему именно паутина, объяснил сам автор. В FAQ Тима Бернерса-Ли сказано, что в такой системе любой документ может ссылаться на любой другой, а математически это граф, или web. Центра у паутины нет: каждый сайт сам решает, на кого ставить ссылки.
В ранних документах ЦЕРН встречается и короткое имя W3. От этого имени пошло и название консорциума W3C, который сейчас разрабатывает стандарты веба.
Чем всемирная паутина отличается от интернета
Бернерс-Ли формулирует разницу так: в сети вы находите компьютеры, а в вебе документы, звуки и видео. Проще говоря, интернет похож на дороги, а веб на один из видов транспорта, наряду с почтой, играми и звонками.
| Интернет | Всемирная паутина | |
|---|---|---|
| Что это | сеть, которая соединяет компьютеры по всему миру | набор связанных ссылками страниц и файлов |
| Из чего состоит | кабели, роутеры, серверы, адреса IP | сайты, веб-страницы, гиперссылки |
| Главные протоколы | IP, TCP, UDP | HTTP и HTTPS |
| Чем пользуются | любая программа с выходом в сеть | браузер |
| Что ещё работает поверх | почта, мессенджеры, онлайн-игры, передача файлов | только сам веб |
Проверить разницу просто. Если вы пишете в мессенджере или играете по сети, вы в интернете, но не в вебе. Если открыли сайт в браузере, вы в вебе, а под ним работает интернет. Как устроены эти уровни, подробно в статье про сетевые протоколы TCP, UDP и HTTP.
Канал основателя Checkroi Вани Буявца3 700 человек читают мой Телеграм-канал про нейросетиСобрал промпты для Claude Code и ChatGPT, разборы ИИ-инструментов и лайфхаки по продвижению бизнеса в одном местеПрисоединитьсяИстория WWW: кто и когда создал всемирную паутину
Веб появился в Европейском центре ядерных исследований (ЦЕРН) под Женевой. ЦЕРН пишет, что паутину задумали, чтобы учёные могли обмениваться информацией автоматически.
Хронология по краткой истории веба на сайте ЦЕРН:
| Когда | Что произошло |
|---|---|
| март 1989 | Тим Бернерс-Ли пишет первое предложение о World Wide Web |
| ноябрь 1990 | вместе с бельгийским инженером Робертом Кайо оформляет его как официальный проект |
| конец 1990 | в ЦЕРН работают первый веб-сервер и первый браузер |
| март 1991 | программу получают коллеги, работающие на компьютерах ЦЕРН |
| август 1991 | Бернерс-Ли рассказывает о WWW в новостных группах интернета |
| декабрь 1991 | в США запускается первый веб-сервер |
| начало 1993 | выходит первая версия браузера Mosaic от NCSA |
| 30 апреля 1993 | ЦЕРН делает исходный код WorldWideWeb свободным и бесплатным |
| 1994 | Бернерс-Ли уходит в MIT и основывает консорциум W3C |
Дальше веб рос быстро. К концу 1993 года известных веб-серверов было больше 500, а к концу 1994-го их стало 10 000, из них 2 000 коммерческих, и у веба было 10 миллионов пользователей.
Решающим стал апрельский шаг 1993 года. Код отдали без лицензионных отчислений, поэтому браузеры и серверы мог писать кто угодно, а у веба не появилось хозяина.
Первый браузер и первый сайт
Первый браузер с графическим интерфейсом Бернерс-Ли написал в 1990 году на компьютере NeXT и назвал WorldWideWeb. Позже он переименовал программу в Nexus, чтобы её не путали с самой паутиной.
Первый сайт тоже жил на NeXT в кабинете Бернерса-Ли. Его адрес info.cern.ch, и он открывается до сих пор: в 2013 году ЦЕРН начал проект по его восстановлению.
- на главной есть ссылка на первую страницу проекта, которая описывает сам WWW;
- там же можно открыть ту же страницу в симуляторе текстового браузера, без картинок и мыши;
- судя по ссылке на новости за ноябрь, это версия страницы конца 1992 года.
Загляните туда хотя бы на минуту. Видно, что веб начинался как связанные ссылками справочные страницы для физиков.
CheckroiПодборка курсов по веб-разработке201 курс • 39 школСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→
Как работает всемирная паутина: HTML, URL и HTTP
Веб стоит на трёх технологиях. Каждая отвечает за свой вопрос: что показать, где это лежит и как это получить.
- HTML, язык разметки страниц. Он говорит браузеру, где заголовок, где абзац, а где ссылка на другую страницу. Самые нужные теги собраны в шпаргалке по основным тегам HTML.
- URL, адрес ресурса. По нему браузер понимает, к какому серверу идти и какой файл просить. Общий синтаксис адресов описан в стандарте RFC 3986.
- HTTP, протокол, по которому браузер и сервер обмениваются запросами и ответами. Его правила собраны в RFC 9110, а HTTPS работает так же, но через защищённое соединение TLS.
Адрес страницы делится на части. Вот как выглядит разбор на примере этой статьи:
https://checkroi.ru/blog/vsemirnaya-pautina/?from=menu#history
https:// схема: каким протоколом идти
checkroi.ru хост: на какой сервер
/blog/vsemirnaya-pautina/ путь: какая страница
?from=menu запрос: дополнительные параметры
#history фрагмент: место на страницеЧетвёртый участник, браузер, собирает всё вместе. Поэтому на вопрос из учебника информатики «что нужно для просмотра World Wide Web» ответ такой: компьютер или телефон с выходом в интернет и программа-браузер, например Яндекс Браузер, Chrome, Firefox или Safari.
CheckroiПодборка курсов по HTML207 курсов • 42 школыСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→
Основные понятия всемирной паутины
В учебниках информатики WWW объясняют через набор терминов. Вот они в одной таблице, с примерами из жизни.
| Термин | Что это | Пример |
|---|---|---|
| Веб-страница | один документ в вебе со своим адресом | эта статья |
| Веб-сайт | набор страниц одного владельца на одном домене | checkroi.ru |
| Гиперссылка | текст или картинка, по клику на которую открывается другой документ | синие слова в этом тексте |
| Веб-сервер | компьютер и программа, которые хранят страницы и отдают их по запросу | Apache, nginx |
| Браузер | программа, которая запрашивает страницы и показывает их | Яндекс Браузер, Chrome, Safari |
| Домен | понятное человеку имя сайта | cern.ch, checkroi.ru |
| Гипертекст | текст со ссылками на другие тексты, который читают не подряд, а переходами | статья в энциклопедии со ссылками |
Про ссылки подробнее рассказали в разборе «Гиперссылка: что это и какие бывают». Гипертекст и есть та идея, из которой выросла паутина: Бернерс-Ли соединил её с интернетом.
Что происходит, когда вы открываете сайт
Между вводом адреса и готовой страницей проходит меньше секунды, но шагов внутри много.
- Вы вводите адрес или кликаете по ссылке. Браузер разбирает URL на схему, хост и путь.
- Браузер спрашивает у DNS, какой IP-адрес у хоста checkroi.ru. Домен удобен людям, а компьютерам нужен числовой адрес.
- Браузер соединяется с сервером и, если адрес начинается с https, договаривается о шифровании.
- Уходит HTTP-запрос: «дай страницу /blog/vsemirnaya-pautina/». Чаще всего это метод GET.
- Сервер отвечает кодом состояния и HTML-кодом страницы. Код 200 значит «всё в порядке», 404 говорит «страницы нет», 301 сообщает «она переехала». Подробно о них в статье про коды ответов сервера.
- Браузер читает HTML и докачивает стили, скрипты и картинки отдельными запросами.
- Из HTML строится DOM-дерево, и браузер рисует страницу на экране.
Всё это видно своими глазами. Откройте инструменты разработчика клавишей F12, перейдите на вкладку «Сеть» и обновите страницу. Каждая строка в списке означает отдельный HTTP-запрос.
CheckroiПодборка курсов по Javascript209 курсов • 37 школСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→
Канал основателя Checkroi Вани БуявцаЗабирайте промпты и обучение по нейросетям в моём Телеграм-каналеБольше 3 700 человек уже применяют Claude Code, ChatGPT и другие нейросети в работе, учёбе, бизнесе и жизниПерейти в каналНужен ли www в адресе сайта
Приставка www в начале адреса означает обычный поддомен. Исторически так называли сервер, который отдаёт веб-страницы, чтобы отличать его от почтового или файлового сервера той же организации. Сейчас её ставят скорее по привычке.
Обычно сайт открывается и с www, и без него. Для поисковиков это два разных адреса одного сайта. Справка Яндекс Вебмастера называет главным адресом тот, что показывается в поиске. В ответах на вопросы там же описана нужная настройка: страницы всех неглавных адресов перенаправляют на главный.
Как это проверить на любом сайте. В терминале macOS, Linux или Windows 10 и новее выполните:
curl -sI https://www.checkroi.ru/ | head -1
HTTP/2 301Код 301 означает постоянный переезд: адрес с www отправляет на checkroi.ru без www. Если оба адреса отвечают кодом 200 и показывают одно и то же, сайту нужен редирект, иначе поисковик сам выберет главный адрес.
Выбирать между www и без www по удобству можно как угодно. Ошибка одна: оставить оба адреса рабочими без перенаправления.
Web 1.0, Web 2.0 и Web3: как менялась паутина
За три с лишним десятилетия веб несколько раз сменил характер. Деление на эпохи условное, ниже оно дано по описанию на сайте ethereum.org.
| Эпоха | Годы | Как выглядел веб |
|---|---|---|
| Web 1.0 | примерно 1990–2004 | в основном статичные сайты компаний, веб «только для чтения» |
| Web 2.0 | с 2004 года | соцсети и пользовательский контент, веб «для чтения и записи» |
| Web3 | термин с 2014 года | идея веба на блокчейне; название придумал сооснователь Ethereum Гэвин Вуд |
Web 1.0 и Web 2.0 описывают то, что уже случилось. Web3 пока остаётся проектом: большая часть сайтов по-прежнему работает на тех же HTML, URL и HTTP, что и в 1991 году.
Частые заблуждения про всемирную паутину
Про WWW ходит несколько ошибок, и они встречаются даже в школьных ответах.
- «Бернерс-Ли изобрёл интернет». Нет, к 1989 году интернет уже работал. Бернерс-Ли придумал веб, который запустили поверх готовой сети.
- «Браузер и поисковик одно и то же». Браузер открывает страницы, это программа на устройстве. Поисковик, например Яндекс, это сайт: он ищет страницы по запросу и сам открывается в браузере.
- «Без www адрес не работает». Работает, если владелец сайта так настроил сервер. Многие сайты, включая наш, живут без www.
- «Паутина принадлежит какой-то компании». Код веба ЦЕРН отдал бесплатно в 1993 году, а стандарты обсуждают в открытых организациях вроде W3C.
Если хотите не только понимать веб, но и делать сайты сами, начните с первого HTML-файла: его можно открыть в браузере за пять минут, без сервера и хостинга.
Где научиться веб-разработке
Понять, как устроена паутина, полезно, но сайты от этого сами не появятся. Следующий шаг: научиться их собирать, верстать на HTML и CSS, писать логику на JavaScript, поднимать сервер. Чем занимается такой специалист, рассказали в статье «Кто такой веб-разработчик», а пошаговый план есть в материале о том, как стать веб-разработчиком с нуля.
Ниже собраны курсы по веб-разработке из нашего каталога. Сравните программу, длительность и цену, прежде чем выбрать.
| Курс | Школа | Стоимость со скидкой | В рассрочку | Длительность | Обзор курса от Checkroi |
|---|---|---|---|---|---|
| Профессия «Fullstack-разработчик на PHP» Перейти на сайт курса | Skillbox | 166 715 ₽ | 5378 ₽/мес. | 12 месяцев | Обзор курса |
| Fullstack-разработчик на Python Перейти на сайт курса | Нетология | 145 100 ₽ | 7125 ₽/мес. | 21 месяц | Обзор курса |
| Профессия «Веб-разработчик с нуля» Перейти на сайт курса | Нетология | 127 300 ₽ | 7125 ₽/мес. | 13 месяцев | Обзор курса |
| Профессия «Fullstack-разработчик» Перейти на сайт курса | Skillbox | 149 738 ₽ | 4404 ₽/мес. | 10 месяцев | Обзор курса |
| Веб-разработчик Перейти на сайт курса | Академия Синергия | 141 036 ₽ | 5877 ₽/мес. | 6 месяцев | Обзор курса |
Больше программ — в полном каталоге курсов по веб-разработке
