Правила верстки
Admin4/11/2006 21:14:49
Автор: Горюнова М.А., Клименков А.Г
Дизайнер Ольга Павлова очень удачно сформулировала основные правила верстки HTML-текста, которые мы здесь приводим, сопровождая необходимыми пояснениями.
Использовать только ЗАГЛАВНЫЕ БУКВЫ в тегах.
Многие прогнозируют в скором времени переход всего Интернета на стандарт XML, где есть возможность придумывать свои тэги, задавая им значение. В таких условиях тэги, написанные в разных регистрах, будут различаться.
Использовать набор <STRONG>&<EM> и не использовать <B>&<I>,
которые входят в стандарт HTML 4.0 только как “не рекомендуемые”. А это значит, что в следующей версии стандарта их не будет, и они оставлены только для совместимости со старыми версиями броузеров. HTML изначально задумывался как средство логической разметки текста, но, по воле web-мастеров, превратился в средство задания вида отобра-жения текста. Сейчас все больше голосов склоняется к отделению логического содержа-ния текста от его физического представления. После появления технологии CSS все визу-альные настройки текста стали выносить в таблицы стилей.
Не лениться ставить символ неразрывного пробела и <NOBR>, особенно в <A HREF=“#”>гипертекстовых ссылках</A>.
Очевидное правило, не нуждающееся в комментариях.
По возможности не использовать <FONT>.
Смотри комментарии ко второму правилу.
Стандартизировать все возможные блоки и применять SSI по максимуму.
Одинаковую “шапку” страницы, повторяющуюся в каждом файле, лучше сделайте авто-матически генерируемой с помощью скриптов, выполняемых на стороне сервера (Server Side Include - включения на стороне сервера). Если вам потребуется что-то менять в ней, когда у вас на сайте уже множество страниц, вы вспомните этот совет.
Стараться не указывать явные параметры шрифта (кегль и, особенно, гарнитуру).
Смотри комментарий ко второму правилу.
Не лениться ставить <P> и в ячейках таблиц.
Для структурности страниц. Вообще, желательно не допускать присутствие на странице текста вне тега P.
Всегда ставить ALT в информационно значимых <IMG>.
Многие пользователи любят не дожидаться загрузки графики меню, либо вовсе отключать отображение графики в броузерах. В пустых прямоугольниках, заменяющих рисунок, они увидят текст атрибута ALT (или, если он отсутствует, не увидят ничего). Кстати, по той же причине необходимо всегда явно указывать атрибуты HEIGTH и WIDTH каждой кар-тинки.
Заботиться о <TITLE>.
Не забывайте писать тэг TITLE - хотя бы потому, что он будет отображаться в заклад-ках броузера на вашу страницу.
Добавим к этому:
Всегда обращайте внимание на порядок расположения тегов.
Размещайте название тега сразу после значков "больше чем" и "меньше чем" без пробе-лов. Не используйте пробелы в атрибутах. Когда добавляете информацию для атрибута, после знака "равно", всегда помещайте ее в двойные кавычки. Соблюдайте правило вло-женности тегов:
<A><B></B></A>
Если вы разместите теги вот так:
<A><B></A></B>
все может пойти кувырком.
Не забывайте прописывать тег <DOCTYPE> в начале каждого документа.
Тег DOCTYPE, в атрибутах которого указывается полный URI (полный web-адрес), сооб-щает броузерам, что страницу нужно вывести с соблюдением определенного стандарта или подвида этого стандарта. Этот тег должен всегда находиться в первой строке каждой страницы. Тег DOCTYPE - ключевой компонент web-страниц, претендующих на соответ-ствие стандартам: без него ваш код и CSS не пройдут проверку валидатором.
Главная страница должна быть названа следующим образом: index.htm, index.hmtl или default.html. Большинство веб серверов открывают этот файл автоматически.
Данная статья является частью учебного пособия по созданию образовательных ресурсов в сети Интернет
Горюнова М.А., Клименков А.Г, "Создание образовательных ресурсов в сети Интернет": Учебное пособие, СПб.: ЛОИРО, 2001 - 52 с.