Отображение веб-документа браузером
belarusweb.net
© Петр Романовский Минск, 2016-2018.



belarusweb.net
Основы создания сайтов...

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

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

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

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

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

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

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

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

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

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

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

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

Видеоуроки по курсу HTML

Комментарии (3)

Петр Романовский
1. Приветствуются комментарии, которые содержат дополнения к материалу текущей страницы, а также ваши ответы на вопросы других пользователей.
2. Если вам что-то непонятно - спрашивайте, не забывая написать, что именно и с какого места.
Zulus
Доброе! При задании кодировки <meta charset="utf-8"> браузер отображает вопросики в ромбах без кодировки все нормально
№104 от 2018-01-12 05:36:11
Нравится ()
Ответить
Петр Романовский
Zulus
Zulus
Доброе! При задании кодировки <meta charset="utf-8"> браузер отображает вопросики в ромбах без кодировки все нормально
2018-01-12 05:36:11
Zulus, нужно сам документ сохранить в кодировке utf-8. Тег <meta charset="utf-8"> только указывает браузеру, в какой кодировке мы сохранили документ. В новом документе в notepad++ выберите пункт меню 'Кодировки' и укажите utf-8. После этого можете набирайть код. В примере 1.1 я подправлю комментарий, чтобы не вводить в заблуждение.
№105 от 2018-01-12 20:35:14
Нравится ()
Ответить
Zulus
Zulus
Zulus
Доброе! При задании кодировки <meta charset="utf-8"> браузер отображает вопросики в ромбах без кодировки все нормально
2018-01-12 05:36:11
Спасибо! разобрался в самом нотепаде не устанавливалась кодировка переустановил нотепад все теперь нормально!
№106 от 2018-01-14 13:43:17
Нравится ()
Ответить
Показаны все комментарии
Чтобы оставить свой комментарий, авторизуйтесь, пожалуйста!