Веб документ и его структура. Комментарии в коде.
Язык html имеет несколько версий, эти версии конечно схожи, но при создании любого документа нужно указывать версию html. Это делается с помощью специального тега <!DOCTYPE…> полная вставка с параметрами выглядит так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
Данная строка скажет браузеру, что код документа соответствует версии 4.01. Данную строчку не нужно запоминать или заучивать, ее можно сохранить как шаблон и вставлять во все html документы при создании сайта. Так же эта строка помогает правильно отображать сайты в разных браузерах, основными браузерами считаются Opera, Firefox, Internet Explorer и новый google chrome.
После строки с версией языка идут теги обозначающие начало веб документа и его конец, эти теги пишутся следующим образом <html> и </html>. Внутри документа или если быть точнее, то внутри тега html расположены дополнительные теги головы – <head></head> и соответственно тело видимой части документа <body></body>.
Голова документа начинается с элемента названия страницы тега TITLE – это заголовок документа. Так же туда помещается все дополнительные параметры для документа, различные мета теги стили и тд, но об этом позже. Вся видимая часть страницы – текст, картинки, таблицы располагаются в теле документа.
Более наглядно будет и понятно, рассмотрев изображение со схемой структуры документа:
Как видно по изображению, голова документа находится над телом, это нужно запомнить. Никогда не помещайте голову в тело документа или после него, структура не должна меняться. Сперва должна идти голова, затем с помощью тега </HEAD> она закрывается и открывается тело документа <BODY>. Так же следует помнить, что в html коде документа может быть только одна голова и одно тело. При создании дополнительного тела или головы может возникнуть ошибка при отображении документа браузером.
Комментарии в коде: <!- - - ->
При кодировании веб страницы очень полезно бывает оставлять комментарии внутри кода. Эти комментарии дают подсказки веб мастеру, ведь если через месяц Вам потребуется что то изменить, то комментарии подскажут что к чему. Желательно не пренебрегать этим и каждые свои действия комментировать по ходу создания сайта.
Привожу пример комментариев внутри кода:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> Как создать свой сайт </title>
</head>
<!-- начнется тело документа -->
<body>
<!-- пишем текст, таблицы и др -->
. . .
</body>
<!-- тело документа закончилось -->
</html>
Как видно из примера, зеленым выделен текст с комментариями, данные комментарии не будут восприниматься браузером и отображаться на странице. Так же все комментарии следует закрывать
Правильно <!-- Ваш комментарий -->
Не правильно <!-- не закрытый комментарий
Если не закрыть комментарии, то вся остальная страница будет пониматься браузером как обычный комментарий.
Теги комментариев можно применять только вне остальных тегов!
Пример:
Правильно :
<!--комментарий-->
<h1>Заголовок</h1>Не правильно:
<h1 <!--комментарий--> >Заголовок</h1>
<h1> <!--комментарий--> Заголовок</h1>