2018-01-21
396
Конструкция HTML называется тегами. Для того, чтобы программа могла отличить их от обычного текста, они заключаются в угловые скобки. Тег обозначает начало действия какой-либо инструкции отображения. Если эта инструкция применяется ко всему документу, то этот тег не закрывается. Но большинство тегов все-таки обладают парой, которая прекращает действие первого тега.
Так, например, каждая Web-страница должна начинаться с тега <html>, а заканчиваться его закрывающим близнецом </html>. Обратите внимание, что закрывающий тег отличается от открывающего лишь наличием косой черты после первой угловой скобки.
Также некоторые теги обладают параметрами, которые уточняют правило отображения содержимого. Немного позже мы на примере увидим, как применяются эти параметры, а сейчас лишь отметим, что эти параметры могут указываться только в открывающем теге.
Наименования тегов и их параметров могут быть написаны в любом регистре, как большими символами, так и строчными. Анализаторы HTML, встроенные в каждую программу не обращают внимания на регистр символов, которыми написаны все служебные конструкции HTML-документов.
Иногда нельзя обойтись без комментариев, содержимое которых не обрабатывается браузером и не отображается. Они служат лишь для удобства разработчика, для внутреннего документирования структуры документа.
Комментарии заключаются между фрагментами <-- и-->. Вот пример создания комментариев: <--Это комментарий -->
Любая Web-страница структурно разбивается на две части: заголовок и тело. В заголовке указывается служебная информация обо всей Web-странице, а в теле Web-страницы мы уже и описываем ее содержимое вместе с правилами его отображения. При этом заголовок Web-страницы ограничивается тегами <head> и </head>, а тело документа обозначается тегами <body> и </body>.
Но по правилам хорошего стиля программирования перед заголовком ставится еще идентификатор применяемого стандарта HTML. Таким образом, структура любой Web- страница выглядит следующим образом:
<!DOCTYPE HTML PUBLIC "-//W3C'//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
Заголовок документа
</head>
<body>
Тело документа
</body>
</html>
Первый тег <!DOCTYPE> со всеми его параметрами является идентификатором, который сообщает программе, какая именно версия HTML была использована для её создания.
Эта конструкция на самом деле является параметром, пришедшим из языка более высокого уровня XML. Подразумевается, что в будущем программы смогут работать одновременно как с обычными Web-страницами, написанными на языке ХМL так и с HTML-документами.
Однако, данный тег не обязателен, так как программы по синтаксису кода могут отличать данные документы.
В заголовок могут входить: тег, отображающий наименование данной Web-страницы, тег, стилевого оформления Web-страницы, тег выполняемого сценария и так называемые метаданные. Стилевое оформление Web-страниц и выполняемые сценарии будут рассматриваться позже
Для создания заголовка страницы используется тег <titie> с соответствующей закрывающей парой. Начальный блок Web-страницы с обозначением подобного заголовка может выглядеть следующим образом:
<head>
<title> Заголовок Web-страницы</title>
</head>
Заголовком Web-страницы никогда не следует пренебрегать, так как это самое первое, что видит посетитель Web-сайта. Заголовок отображается еще до того, как произойдет окончательная загрузка содержимого страницы. Поэтому и выбирать его следует тщательно. Однако, если создаются электронные книги, то этот параметр необязателен, как правило он не виден в программах, для чтения книг.
Кроме заголовков в этой же части документа указываются всевозможные теги, которые должны выполниться до отображения страницы в программах просмотра электронных страниц. Например, в него включается немаловажный элементы – библиотека стилей, описания программных действий (JavaScript), тег кэширования, тег, указывающий кодировку страницы и т.д.
Последний из тегов является важным элементом, он сообщает программе в явном виде, какую именно кодировку использовать, для отображения страницы. Это очень важно, так как не все программы одинаково могут ее определить автоматически. Подключается он в контейнер <head> следующим способом:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
Конкретно данная запись устанавливает кодировку подходящую, для большинства текстов, написанных кириллицей (т.е. русскими буквами).
Вообще, что включать в главный блок решает программист в зависимости от задач, стоящих перед ним.
