HTMLchecklist – проверь свой HTML

1. Разделение структуры и визуальной части.

- Не использовать элемент .

- Аттрибуты расположения (align, valign, width, height) выносить в CSS.

- Не использовать таблицы, кроме как для представления табличных данных. Использование таблицы для форматирования визуальной части допустимо только в самых сложных случаях. Максимальная вложенность таблиц не может превышать трех.

- Элемент background не используется и выносится в CSS.

- Оформление полей ввода и кнопок выносить в CCS, как класс.

- Таблица стилей выносится в отдельный файл, подключаемый элементов

- Все рисунки, относящиеся к дизайну, а не к содержанию, выносить в блок со стилем {background: transparent url("gif") no-repeat;}

2. HTML код

- Если в ячейке таблицы находится только  с аттрибутами width и height, то не прописывать данные аттрибуты для ячейки.

- В каждой таблице используется минимальное количество строк и столбцов.

- Для всех элементов использовать аттрибуты width и height.

- Все элементы , не являющиеся ссылками, не должны иметь аттрибута border.

- Все значения аттрибутов заключены в кавычки.

- Название всех тэгов и аттрибутов должны быть в нижнем регистре.

3. CSS код

- Уникальные элементы имеют аттрибут id, через который задается стиль. Повторяющиеся элементы задаются через классы.

- Стиль ссылок определять через стиль блоков (td {}, td a {}, td a:hover {}). В a:hover использовать только те аттрибуты, которые изменяются.

- Обязательно задавать цвет фона документа для элемента

- Объявление в таблице стилей разбиваются на группы (шрифты, таблицы, текстовые блоки, дивы)

- Геометрические размеры задаются либо в процентах либо в пикселях.

- Все значения цветов записываются максимально коротко и в верхнем регистре (#FFF вместо #ffffff).

- Имена аттрибутов и тэгов должны быть в нижнем регистре.

- Поля и отступы блоков правильно заданы для всех браузеров.

- Все классы и идентификаторы называются логично и с соблюдением единой системы.

4. Структура

- Заголовок документа содержит элемент , мета-данные description и keywords.

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

- Все элементы, у которых есть закрывающие тэги, должны их иметь. (идеально, когда код соответствует XHTML 1.0 Transitional/Strict).

- Для всех элементов  использовать аттрибут alt. В случае, если элемент не несет смысловой нагрузки, данный аттрибут необходимо делать равным пустой строке.

- Использовать комментарии перед расположение основных блоков.

- Использовать стандартные тэги определения структуры и выделения текста

Читать комменты и комментировать

Добавить комментарий / отзыв



Защитный код
Обновить

HTMLchecklist – проверь свой HTML | | 2010-09-20 04:48:32 | | Языки разметки | | 1. Разделение структуры и визуальной части. - Не использовать элемент .- Аттрибуты расположения (align, valign, width, height) выносить в CSS.- Не использовать таблицы, кроме как для представления | РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
 
Поделиться с друзьями: