Часто используемые элементы и атрибуты

В данной главе мы рассмотрим особенности написания некоторых элементов, ставшими de facto при составлении HTML/XHTML документов.

5.2.4.1Таблица: cellpadding, cellspacing, border, width

Типичное, и, на мой взгляд, правильное описание таблицы в HTML документе строгого дизайна выглядит следующим образом:

Таблица

<table border=”0” cellpadding=”0” cellspacing=”0” width=”100%”>

Указывать ширину, разумеется, необязательно, все зависит от обстоятельств. Что касается других атрибутов, то многие могут поспорить и сказать, что существуют их аналоги в CSS и, логичнее было бы один раз указать их в CSS для всех таблиц. Давайте их рассмотрим. Аналогом для cellspacing является утвержденное стандартом CSS свойство border-spacing. Однако, проблема в том, что это свойство не понимается, наиболее популярным в настоящий момент, браузером Internet Explorer 6.0. Поэтому, можно сказать, что это свойство совершенно бесполезно, по крайней мере до выхода новой версии Internet Explorer, где эта проблема наверняка будет решена. Впрочем, существует альтернатива определения этого свойства таблицы с CSS. Свойство border-collapse со значением «collapse» решает эту проблему (см. также 5.5.11).

Использование border-collapse как альтернативы для cellspacing

table { border-collapse: collapse; }

Аналогом для cellpadding является CSS свойство padding, элемента TD. Здесь придраться не к чему, кроме того момента, что cellpadding, описанный для конкретной таблицы, повлияет только на текущую таблицу. В свою очередь padding описанный для всех элементов TD будет иметь влияние на все таблицы, что не всегда приемлемо, особенно в случаях использования нескольких CSS файлов в одном документе, когда приоритеты некоторых описанных вами CSS стилей могут быть восприняты браузером неоднозначно. Что касается border, то он также может быть опущен, поскольку по умолчанию браузер не рисует рамку таблицы. Однако его присутствие может упростить отладку документа – для того чтобы увидеть структуру таблицы, достаточно изменить ноль на единицу: border=”1”.

5.2.4.2Изображение: width, height, alt, border

Типичная запись для изображения выглядит следующим образом:

Изображение

<img src="mypic.jpg" width="100" height="70" border="0" alt="" />

Элемент IMG как правило должен содержать помимо обязательного атрибута SRC, атрибут ALT, регламентированный стандартом HTML 4 как обязательный. Атрибуты WIDTH и HEIGHT должны быть указаны для того, чтобы облегчить работу браузеру по построению отображаемой страницы. Дело в том, что если атрибуты WIDTH и HEIGHT не указаны, браузер не знает какого размера изображение до того момента пока оно не загружено. К тому же, наличие этих атрибутов сохранит правильное отображение документа даже в том случае, если загрузка изображений выключена пользователем. Не следует забывать и про атрибут BORDER, который как правило имеет значение 0 в документах строгого дизайна. Типичная проблема заключается в том, что когда тег IMG заключается в гиперссылку (элемент A), то на странице появляется нежелательный эффект – появляется рамка изображения. Для предотвращения этой проблемы, независимо от того, находится изображение внутри гиперссылки или нет, следует всегда применять атрибут BORDER со значением 0. Этот атрибут также может быть успешно замещен стилем, заданным в CSS (см. также 5.5.7):

Определение border для изображений в CSS

img { border-width: 0px; }

Такой записи будет достаточно, чтобы не использовать атрибут BORDER для каждого элемента IMG.