XHTML-шпаргалка
На этой странице собрано большинство тегов XHTML 1.0. Приводятся обязательные и некоторые наиболее употребимые атрибуты. Большинство атрибутов, функции которых могут быть реализованы средствами CSS, не включено.
Как избежать ошибок
Чтобы не возникало проблем после загрузки готовых страниц на сервер:
- записывайте имена файлов и каталогов только строчными английскими буквами, можно использовать также цифры, знаки «-» и «_»; не используйте какие-либо другие символы и пробелы;
- проверьте, чтобы все внутренние ссылки были относительными (если готовите страницы на Windows-компьютере — убедитесь, что ссылки не содержат «C:» или что-то подобное «file:///C|/»);
- проверьте, чтобы в записи путей использовались прямые («/»), а не обратные («\») слэши.
Для проверки правильности разметки полезно использовать так называемые «валидаторы», например, validator.w3.org.
Общая структура
Теги головной части
Внедрение сценариев JavaScript
Примечание. Сценарии можно поместить как в головную часть, так и в тело документа. Обычно в head помещают описания функций, а в body — обращения к ним. Кроме того, можно включать сценарии непосредственно в теги — в атрибуты событий.
<script src="url" type="text/javascript"> </script>
<script type="text/javascript">
...
</script>
Подключение внешнего файла сценариев JavaScript
Сценарий JavaScript
Структурные элементы
Списки
Таблицы
Внутристрочные элементы
Гиперссылки
<a href="url">...</a>
<a name="метка"></a>
<a id="метка"></a>
Гиперссылка. Полезный атрибут:
- target="имя" — где открыть ссылку (_blank, _self, _parent, _top или имя целевого фрейма)
«Закладка». В HTML используется атрибут «name», в XHTML этот атрибут считается устаревшим. Роль «закладки» может играть любой тег с атрибутом «id»
Графика и другие объекты
<img src="url" alt="текст" />
<object classid="url">... </object>
<object data="url" type="тип">... </object>
<param name="имя" value="значение" />
Включение изображения. Текст атрибута «alt» используется, если невозможно показать изображение. Рекомендуемые атрибуты:
- height="высота"
- width="ширина"
Полезные атрибуты:
- hspace="размер" — отступы слева и справа
- vspace="размер" — отступы сверху и снизу
Включение специального объекта. Атрибут «classid» используется для апплетов Java и подобных им объектов, «data» — для звука, видео и т. п.
Содержимое контейнера object выводится только в том случае, если невозможно отобразить объект.
Можно использовать атрибуты height, width, hspace, vspace (см. тег «img»)
Параметры объекта. Должен быть вложен в <object>
Формы
Фреймы
Использовать фреймы не рекомендуется.
Общие атрибуты
В этой таблице приведены наиболее употребимые атрибуты, использование которых возможно в большинстве тегов.