Поделиться Поделиться

Хорошая практика ведения разработки

В этом разделе предлагаются инструкции по созданию «хорошей» HTML-разметки, которую будет поддерживать большинство браузеров, которая будет легко обрабатываться браузерами, ожидающими использования правильного синтаксиса, а также совместимой с развивающимися технологиями, создаваемыми на основе текущей HTML-спецификации.

Выбирайте элементы, которые точно и осмысленно описывают содержание

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

Избегайте использования элементов только для получения визуального эффекта в браузере

Например, не используйте длинную цитату (blockquote) только для получения отступа в тексте и не используйте серию элементов br или <p>&nbsp;</р> в качестве дополнительного пробела. Вы можете использовать таблицу стилей для создания нужного эффекта в представлении.

Избегайте использования устаревших элементов и атрибутов

Это, по сути, то же самое, что сказать «используйте таблицы стилей вместо стилевого HTML», поскольку большинство элементов и атрибутов были признаны устаревшими в пользу элементов управления, имеющихся в таблицах стилей. j

Создавайте допустимые, соответствующие стандартам документы

Даже если вы используете HTML, неплохо было бы следовать рекомендациям XHTML для получения соответствующего стандартам допустимого элемента. Хотя когда то можно было спокойно пропускать закрывающие теги и кавычки, в будущем браузеры могут не быть столь лояльными.

Проверяйте HTML-код на допустимость

Чтобы быть абсолютно уверенным в совместимости, вы должны пропустить HTML-код через инструмент проверки па допустимость. Например, можно использовать инструмент с сайта W3C (validator.w3.org). Список других служб проверки можно увидеть на странице Web Design Group по адресу www.htmlheip.com/links/validators.htm.

Избегайте лишних переводов строк и пробелов

Эти дополнительные символы увеличивают размер документа, поскольку пустые символы передаются точно так же, как все остальные. Кроме того, переводы строки и лишние пробелы могут создавать в определенном контексте нежелательные пустоты. Например, лишние пробелы в ячейках таблиц и между ними (элементы td) могут привести к появлению пустот в таблице. Добавление символа переноса строки между последовательными элементами img приведет к появлению пробела между изображениями. Лучше всего делать файл как можно более компактным.

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

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

Используйте нужные соглашения об именах файлов.

Изучите следующие инструкции:

- используйте правильный суффикс для HTML-документа - .html или .htm.

- избегайте использование пробелов и специальных символов, таких, как ?, %, # и т. п. в именах файлов. Лучше всего ограничиться буквами, цифрами, знаком подчеркивания (вместо пробела), тире и точкой.

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

- делайте имена файлов как можно более краткими. Дополнительные символы увеличивают размер файла документа.

Похожие статьи