HTML :: Отображение веб-документа браузером

Сохранение страницы с расширением .html

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

Давайте откроем Notepad++, в пункте меню «Кодировки» выберем UTF-8, откроем новый документ и наберем код, представленный в примере №1.

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
	<head>
		<!-- Задаем кодировку текста. -->
		<meta charset="utf-8">	
		<title>Первая html-страница</title>
	</head>

	<body>
		Всем привет от HTML!
	</body>
</html>

Пример №1. Наша первая веб-страница

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

Рис. №2. Пример отображения веб-документа, сохраненного с расширением .html

Сохранение веб-страницы в неправильном формате

Если же мы сохраним документ в чужеродном формате, например, с расширением обычного текстового файла .txt, то интерпретатор браузера даже не будет пытаться искать и анализировать html-код. Он просто посчитает его обычным текстом и с радостью выведет на экран все содержимое файла (см. рисунок №3).

Рис. №3. Отображение веб-страницы, сохраненной в неверном формате

HTML :: Отображение веб-документа браузером

Сохранение страницы с расширением .html

Сохранение веб-страницы в неправильном формате

Быстрый переход к другим страницам