Если вы введёте указанный URL в адресную строку браузера, он попробует запросить и показать документ, находящийся по этому URL. Во-первых, браузеру надо выяснить, куда ссылается домен eloquentjavascript.net. Затем, используя протокол HTTP, он соединяется с сервером по этому адресу, и спрашивает его ресурс по имени /12_browser.html
В главе 17 мы подробнее рассмотрим протокол HTTP.
HTML, или язык разметки гипертекста, Hypertext Markup Language – формат документа, использующийся для веб-страниц. HTML содержит текст и теги, придающие тексту структуру, описывающие такие вещи, как ссылки, параграфы и заголовки.
Простой HTML документ может выглядеть так:
>
>
>
> Моя домашняя страничка
>
>
> Моя домашняя страничка
> Привет, я Марейн и это моя домашняя страничка.
> А ещё я книжку написал! Читайте её
> здесь.
>
>
Теги, окружённые угловыми скобками ><
и >>
, описывают информацию о структуре документа. Всё остальное – просто текст.
Документ начинается с >
, и это говорит браузеру, что его надо интерпретировать как современный HTML, в отличие от разных диалектов прошлого.
У HTML документов есть заголовок и тело. Заголовок содержит информацию о документе, а тело – сам документ. В нашем случае мы объявили, что название страницы будет «Моя домашняя страничка», затем описали документ, содержащий заголовок (>
, то есть heading 1, заголовок 1. Есть ещё >
– >
, заголовки разных размеров) и два параграфа.
У тегов может быть несколько форм. Элемент вроде тела, параграфа и ссылки начинается открывающим тегом >
и заканчивается закрывающим >
. Некоторые открывающие теги, типа ссылки
>
, содержат дополнительную информацию в виде
>имя=”значение”
. Она называется «атрибутами». В нашем случае адрес ссылки задан как
>href="http://eloquentjavascript.net"
, где
>href
означает «гипертекстовая ссылка», “hypertext reference”.
Некоторые теги ничего не окружают, и их не надо закрывать. Пример – тег картинки
>
Чтобы включать в текст документа угловые скобки, нужно пользоваться специальной записью, так как в HTML они имеют особое значение. Открывающая скобка (она же знак «меньше») записывается как ><
(«less than», «меньше, чем»), закрывающая — >>
(«greater that», «больше, чем»). В HTML амперсанд >&
, за которым идёт слово и точка с запятой, зовётся сущностью и заменяется символом, который кодируется этой последовательностью.