Рекомендуемый стиль записи гипертекста
Записывать коды нужно так, чтобы смысл конструкций был максимально понятен. Для такой рекомендации есть ряд веских причин.
Ясно написанный код легче отлаживать, то есть проводить обычный цикл опытов «посмотрел результат в браузере — подправил программу в текстовом редакторе». Ведь в понятно написанных кодах легче найти соответствие экранного изображения командам, которые это изображение строят.
Понятные коды легче сопровождать, то есть вносить в них изменения по прошествии какого-то времени.
Пользователь, просматривая документ, всегда может заглянуть на вашу программистскую кухню. Понятно, что о вас, как о программисте, будет сложено соответствующее мнение.
Наконец, известно, что хорошо работают только понятно написанные программы, внешний вид которых вызывает чувство эстетического удовольствия.
Рекомендуются следующие правила.
Записывайте имена тегов прописными буквами, а имена атрибутов и их значения — строчными.
Синтаксис языка HTML допускает запись команд в любом регистре, однако лучше следовать приведенной выше рекомендации. Как правило, текст, предназначенный для вывода на экран браузера, состоит в основном из «маленьких» символов, поэтому «большие» буквы тегов будут на этом фоне выделяться.
-
<HTML>
<HEAD>
<META http-equiv="Content-Type"
content="text/html; charset=windows-1251">
<TITLE>Клавиша Enter</TITLE>
</HEAD>
<BODY bgcolor=white text=black
link=blue alink=red vlink=purple>
<H1>Клавиша Enter</H1>
<P>
Вася так торопился, что нечаянно нажал
<EM>Enter</EM> в середине строки. А строка
взяла, да разрезалась на две части:
<P>
<IMG src=./pic/0402.gif
width=480 height=105
border=0 hspace=0 vspace=0
alt="Enter разрезает строку">
</BODY>
</HTML>
Не записывайте HTML-программы со слишком длинными строками (более 80 символов). Для их просмотра приходится применять горизонтальную прокрутку окна редактора, а это очень неудобно (рис. 7.30).
Рис 7.30. Горизонтальная прокрутка кода
Старайтесь записывать теги на отдельных строках так, чтобы по записи можно было определить вложение команд друг в друга. Рекомендация достигается использованием строчного смещения записи тега вправо на 2 позиции по отношению к внешнему блоку.
Если команда (от начального до конечного тега) небольшая, то её можно записывать в одной строке вместе с тегами.
При необходимости используйте в ваших программах комментарии. Комментарием в HTML считается конструкция <!--...-->. Все, что располагается внутри этой структуры (на месте, обозначенном многоточием) браузером игнорируется. Комментарии удобно применять в следующих случаях:
для документирования сложных языковых конструкций;
для временного отключения группы команд при отладке.
Структурную лесенку делайте только на теговом «каркасе». Абзацы текста лучше начинать с первой позиции — так их легче записывать и редактировать.
-
<HTML>
<HEAD>
<META http-equiv="Content-Type"
content="text/html; charset=windows-1251">
<TITLE>Незнайка в Солнечном городе</TITLE>
</HEAD>
<BODY bgcolor=white text=black
link=blue alink=red vlink=purple>
<H1>Незнайка в Солнечном городе</H1>
<P>
Через минуту наши путники снова сидели в автомобиле
и катили дальше. Незнайка все время вспоминал про
пароход и не переставал удивляться:
<P>
Вот так пароход! Никогда бы не поверил, что
такая громадина может по воде плавать.
<P>
Кнопочка тоже удивлялась. А Пестренький сначала
хотел удивиться, но потом вспомнил о своем
правиле ничему не удивляться и сказал:
<P>
Эко диво пароход! Просто большая
лодка.
<P>
Ты бы еще сказал: просто большое
корыто! ответил Незнайка.
<P>
Зачем корыто? Было бы корыто,
я бы сказал корыто, а я
говорю лодка.
<P>
Слушай, Пестренький, ты лучше меня не зли!
Водителя нельзя нервировать, когда он за рулем
сидит, а то случится авария.
</BODY>
</HTML>