Структура HTML документа


Несмотря на всю простоту языка HTML, найти нужное вам место в структуре документа, состоящем из 50 и более строк, не так-то просто. Придется приложить усилия и для того, чтобы запомнить расположение отдельных элементов и сохранять последовательность дизайна всего сайта. К счастью, предусмотрено несколько методов, облегчающих эту задачу.

Скорее всего, никто кроме вас не захочет смотреть на код, лежащий в основе ваших страниц. Зачем же тогда беспокоиться о том, как он выглядит? Все очень просто: чем лучше написан код, тем легче его редактировать и исправлять ошибки! К тому же много сил от вас это не потребует.

Все тэги, добавляемые позже, должны записываться с отступом, причем для парных тэгов (начального и конечного) он должен быть одинаков. Любой тэг должен иметь отступ по отношению к тому, в который он вложен (например, тэг находится внутри ).

Структура HTML документа


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

В структуре страницы столь же легко разобраться притом, что код занимает меньше места: для начала лучше придерживаться первого метода; затем, когда вы уже набьете руку в HTML, можете переходить к более компактному формату.


Добавление комментариев



Существует очень полезный тэг, о котором я еще вам не рассказывал: тэг комментария. Содержащаяся в нем информация игнорируется браузером. Структура тэга комментария отличается от остальных. Он начинается с сочетания символов <!-- и заканчивается -->, например:

<!-- это комментарий, который будет проигнорирован браузером -->

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

Тэг комментария удобно использовать и для временного скрытия элемента или части страницы. Вместо того чтобы удалять эту часть, а затем вновь набирать ее, просто оформите ее как тэг комментария - и она исчезнет с сайта.
Не добавляйте в примечания ничего, что заставило бы вас краснеть. Посетители сайта могут увидеть комментарий, как и любую другую часть вашего HTML-кода, воспользовавшись командой "Просмотр источника" (View Source) или аналогичным пунктом меню браузера.

Верхний колонтитул (header - "шапка") представляет собой повторяющийся на всех страницах блок, расположенный в их верхней части. "Шапка" может содержать логотип, название сайта (например, мой - Заработать в интернете), рекламный баннер или другие элементы по желанию разработчика. Нижний колонтитул (footer - концовка) располагается в нижней области экрана и часто содержит уведомление об авторском праве. Используя колонтитулы на каждой странице, можно создать то впечатление гармонии, которое отличает солидный сайт.


Тег Заголовка



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

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

Мaргарита Акyлич

Еще советуем: