Рекомендуемый стиль записи гипертекста

12 3 Следующая ⇒

Рекомендации

Отсутствие лесенки на теговом каркасе

Стиль кодирования

Кодирование

Штрафной балл: 0.1–0.5

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

Минимальный штраф 0.1 используется при наличии в коде (одной или нескольких страниц) единичных ошибок в записи кода лесенкой (1–2 ошибки на странице).

Штраф из диапазона 0.2–0.4 назначается по усмотрению проверяющих для промежуточных ситуаций по отношению к двум крайним, описанным выше.

Структурная лесенка на теговом каркасе — один из элементов рекомендуемого ниже стиля записи гипертекста.

Структурная лесенка должна повторять иерархическую структуру HTML-конструкций: каждый потомок смещается вправо по отношению к телу своего родителя:

<HTML> ..<HEAD> ....<TITLE>Заголовок окна</TITLE> ..</HEAD> ..<BODY> ....<H1>Заголовок</H1> ....<TABLE> ......<TR> ........<TD>Ячейка</TD> ........<TD>Ячейка</TD> ......</TR> ......<TR> ........<TD>Ячейка</TD> ........<TD>Ячейка</TD> ......</TR> ....</TABLE> ..</BODY> </HTML>

Начало и конец каждой конструкции занимают отдельные строки и записываются с одной и той же позиции. Потомок записывается между этими строками со сдвигом вправо (рекомендуемый сдвиг — 2 позиции).

Исключением могут быть короткие конструкции, начало и конец которых записываются в одной строке (например, <TITLE> Заголовок окна <TITLE> или <TD> Ячейка </TD> при коротком содержимом ячейки).

Когда тег слишком длинный, чтобы уместиться в одной строке, выравнивайте записи атрибутов в строках по первому атрибуту первой строки:

<IMG src =./pic/0711t.jpg border =0

width =268 height =253

hspace =0 vspace =0

alt ="Тоновая палитра, склеенная в кольцо" >

Записывать коды нужно так, чтобы смысл конструкций был максимально понятен. Для такой рекомендации есть ряд веских причин.

q Ясно написанный код легче отлаживать, то есть проводить обычный цикл опытов «посмотрел результат в браузере — подправил программу в текстовом редакторе». Ведь в понятно написанных кодах легче найти соответствие экранного изображения командам, которые это изображение строят.

q Понятные коды легче сопровождать, то есть вносить в них изменения по прошествии какого-то времени.

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

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

Рекомендуются следующие правила.

1. Записывайте имена тегов прописными буквами, а имена атрибутов и их значения — строчными.

Синтаксис языка 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>

2. Не записывайте HTML-программы со слишком длинными строками (более 80 символов). Для их просмотра приходится применять горизонтальную прокрутку окна редактора, а это очень неудобно (рис. 7.30).

Рис 7.30. Горизонтальная прокрутка кода

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

Если команда (от начального до конечного тега) небольшая, то её можно записывать в одной строке вместе с тегами.

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

· для документирования сложных языковых конструкций;

· для временного отключения группы команд при отладке.

5. Структурную лесенку делайте только на теговом «каркасе». Абзацы текста лучше начинать с первой позиции — так их легче записывать и редактировать.

<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>

Нарушение правила читаемости (должно быть: название тегов прописными буквами, названия атрибутов и их значений — строчными)

Штрафной балл: 0.1–0.5

12 3 Следующая ⇒

Поделиться с друзьями:

Дата добавления: 2014-01-14; Просмотров: 480; Нарушение авторских прав?; Мы поможем в написании вашей работы!

Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет

studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление

Генерация страницы за: 0.009 сек.