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>

Формы

Фреймы

Использовать фреймы не рекомендуется.

Общие атрибуты

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