Наиболее распространенная кодировка для русскоязычных html-файлов - это windows-1251 (она же ANSI, она же "Кириллица Windows").
Для многоязычных документов используют utf-8, для английских и европейских - iso-8859-1.
Также иногда можно встретить морально устаревшие русские кодировки KOI8-R и CP-866 (DOS).
Мы будем пользоваться кодировкой windows-1251, как наиболее удобной для разработки русскоязычных сайтов.
Браузеры понимают почти все известные кодировки, однако кодировку документа HTML принято указывать и в самом документе, с помощью тега <meta>, см. ниже. Это нужно, чтобы точно указать браузеру кодировку, иначе он может ее неправильно определить.
Создаем первый HTML-файл.
Необходимо создать в редакторе новый файл, и не забудьте, чтобы редактор был переключен в кодировку windows-1251
Самый простой документ HTML выглядит примерно так.
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=windows-1251">
<title>Заголовок документа</title>
</head>
<body>
<p>Привет!</p>
</body>
</html>
Минимальный документ HTML состоит из тегов <head> и <body>, которые вложены в тег <html>
Содержимое тега <head> отвечает за свойства документа (кодировку, заголовок, некоторые другие).
Содержимое тега <body> - это собственно то, что будет отображено в окне браузера ("тело документа")
Тег <meta> указывает браузеру, в какой кодировке у нас этот документ:
<meta http-equiv="Content-type" content="text/html; charset=windows-1251">
Такую форму записи следует просто "зазубрить" и использовать в своих html-файлах.
Теги <meta> могут содержаться только внутри <head>.
В теле документа содержится один абзац с текстом "Привет!". Абзацы маркируются в html тегами <p>
Заметьте, что в разметке HTML не играет роли количество пробелов, переводов строки, и знаков табуляции. В итоге несколько таких символов будут слиты в один. Поэтому верстать HTML-документы каждый может, как удобно: с отступами или без, с переводами строки. Это нужно для удобства того, кто создает документ. На отображение в браузере это не влияет.
Что еще можно сказать о нашем документе ? В HTML принято закрывать большинство тегов. То есть для открывающего тега <p> должен быть закрывающий тер </p> и т.д. Есть некоторые теги, которые не нужно закрывать, я отдельно опишу их позже.
Тег <title> содержит в себе заголовок нашего документа. Это тот самый текст, который отображается в заголовке окна браузера. Это самый важный текст, для людей: чтобы знать, что открыто в этом окне, и для поисковых машин - этот текст должен отражать суть вашего документа.
Тег <title> должен обязательно содержаться внутри <head>, и больше нигде. Встречается один раз.
Плохой пример заголовка документа:
<title>Документ 1</title>
<title>Сказка о царе Салтане</title>
(если в теле документа действительно эта сказка)
Сообщения
