ХОР

Добавь свой голос

Использование ИКТ

Инфотека

Инструменты
Персональный раздел

Правила верстки

Admin
4/11/2006 21:14:49
Автор: Горюнова М.А., Клименков А.Г

Дизайнер Ольга Павлова очень удачно сформулировала основные правила верстки HTML-текста, которые мы здесь приводим, сопровождая необходимыми пояснениями.

 Использовать только ЗАГЛАВНЫЕ БУКВЫ в тегах.

Многие прогнозируют в скором времени переход всего Интернета на стандарт XML, где есть возможность придумывать свои тэги, задавая им значение. В таких условиях тэги, написанные в разных регистрах, будут различаться.

 Использовать набор <STRONG>&<EM> и не использовать <B>&<I>,

которые входят в стандарт HTML 4.0 только как “не рекомендуемые”. А это значит, что в следующей версии стандарта их не будет, и они оставлены только для совместимости со старыми версиями броузеров. HTML изначально задумывался как средство логической разметки текста, но, по воле web-мастеров, превратился в средство задания вида отобра-жения текста. Сейчас все больше голосов склоняется к отделению логического содержа-ния текста от его физического представления. После появления технологии CSS все визу-альные настройки текста стали выносить в таблицы стилей.

 Не лениться ставить символ неразрывного пробела &nbsp; и <NOBR>, особенно в <A HREF=“#”>гипертекстовых&nbsp;ссылках</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 с.