Урок 3. Структура страницы

Каждая веб-страница начинается с тега DOCTYPE - этот тег сообщает специфику страницы, например, версия используемого стандарта. Но для последней версии тег выглядит предельно просто:

<!DOCTYPE html>

Простая страница будет состоять как минимум из четырёх тегов: Тег <html> — это контейнер, в котором находится всё содержимое страницы. Обычно, тег <html> идёт в документе после DOCTYPE. Тег <head> нужен для хранения других элементов, цель которых — помочь браузеру в работе со страницей и данными. Содержимое этого тега не отображается напрямую. Тег <body> нужен для хранения содержания веб-страницы (контента), которое мы и видим в окне браузера. Заголовок страницы - это тот текст, который отображается на вкладке браузера. Он указывается с помощью тега <title>:

<head>
  <title>Мой веб-сервер Гиккон</title>
</head>

Хорошим правилом является указание кодировки страницы. Ведь если браузер угадает кодировку неверно, то на странице мы увидим только иероглифы. Как было описано в прошлом уроке, кодировка указывается с помощью атрибута charset=«имя кодировки» одиночного тега <meta>.

И уже затем можно приступать к разметке текста - основной страницы. Итоговый код можно сохранить в файл html и посмотреть что получилось в браузере.

Создадим простую интернет-страницу:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Мой веб-сервер Гиккон</title>
	</head>
	<body>
	</body>
</html>

Открытая вкладка с заголовком

Запомнить:

  • Тег <html> — это контейнер, в котором находится всё содержимое страницы
  • Тег <head> нужен для хранения заголовка страницы и вспомогательных данных
  • Тег <body> нужен для хранения содержания веб-страницы

Предыдущий урок

Следующий урок