Опубликован: 19.10.2006 | Уровень: для всех | Доступ: платный
Дополнительный материал 2:

Учебное руководство по XHTML

< Дополнительный материал 1 || Дополнительный материал 2: 123456

Стандартные атрибуты XHTML

Теги XHTML могут иметь атрибуты. Атрибуты каждого тега перечислены в описании тега. Здесь представлены базовые атрибуты и атрибуты языка, которые являются стандартными для всех тегов (с небольшими исключениями).

Базовые атрибуты

Недействительны в элементах base, head, html, meta, param, script, style и title.

Атрибут Значение Описание
class правило_класса или правило_стиля Класс элемента
id имя_id Уникальный id элемента
style определение_стиля Встроенное определение стиля
title текст_подсказки Текст для вывода подсказки

Атрибуты языка

Недействительны в элементах base, br, frame, frameset, hr, iframe, param, и script.

Атрибут Значение Описание
dir ltr | rtl Задает направление текста
lang код_языка Задает код языка

Атрибуты клавиатуры

Атрибут Значение Описание
accesskey символ Задает клавиатурное сокращение для доступа к элементу
tabindex число Задает порядок элемента при переходе по клавише табуляции

Атрибуты событий XHTML

Новым в HTML 4.0 была возможность для событий HTML запускать в браузере действия, такие как запуск сценария JavaScript, когда пользователь щелкал на элементе HTML. Ниже представлен список атрибутов, которые можно вставлять в теги HTML для определения действий событий.

Более подробно об использовании этих событий в программировании можно узнать в руководстве по JavaScript и руководстве по DHTML.

События окна

Действительны только в элементах body и frameset

Атрибут Значение Описание
onload сценарий Сценарий, который выполняется при загрузке документа
onunload сценарий Сценарий, который выполняется при выгрузке документа

События элементов формы

Действительны только в элементах форм.

Атрибут Значение Описание
onchange сценарий Сценарий, который выполняется при изменении элемента
onsubmit сценарий Сценарий, который выполняется при отправке формы
onreset сценарий Сценарий, который выполняется при сбросе формы
onselect сценарий Сценарий, который выполняется при выборе элемента
onblur сценарий Сценарий, который выполняется, когда элемент теряет фокус
onfocus сценарий Сценарий, который выполняется, когда элемент получает фокус

События клавиатуры

Недействительны в элементах base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style и title.

Атрибут Значение Описание
onkeydown сценарий Действие после нажатия клавиши
onkeypress сценарий Действие после нажатия и отпускания клавиши
onkeyup сценарий Действие после отпускания клавиши

События мыши

Недействительны в элементах base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style и title.

Атрибут Значение Описание
onclick сценарий Что делать при щелчке мыши
ondblclick сценарий Что делать при двойном щелчке мыши
onmousedown сценарий Что делать при нажатии кнопки мыши
onmousemove сценарий Что делать при перемещении указателя мыши
onmouseover сценарий Что делать при перемещении указателя мыши над элементом
onmouseout сценарий Что делать при смещении указателя мыши с элемента
onmouseup сценарий Что делать при отпукании нажатой кнопки мыши

Мы закончили изучение XHTML, что дальше?

Заключительные замечания по XHTML

В данном руководстве было показано, как создавать более строгие и четкие страницы HTML.

Главное заключается в том, что все элементы XHTML должны быть правильно вложены, документы XHTML должны быть синтаксически правильными, все имена тегов должны быть записаны в нижнем регистре, и все элементы XHTML должны быть закрыты.

Важно также то, что все документы XHTML должны иметь объявление DOCTYPE, и что должны присутствовать элементы html, head, title, и body.

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

Что делать дальше?

Следующий шаг состоит в изучении CSS и JavaScript.

CSS

CSS используется для управления стилем и компоновкой Web-страниц.

При использовании CSS все форматирование можно вынести из документа HTML и сохранить в отдельном файле.

CSS предоставляет полный контроль над компоновкой, не создавая путаницу в содержимом документа.

Познакомиться с каскадными таблицами стилей можно в любом руководстве по CSS.

JavaScript

Язык JavaScript может сделать Web-сайт более динамичным.

Статичный Web-сайт вполне подходит для вывода простого содержимого, но динамичный Web-сайт может реагировать на события и позволяет организовать взаимодействие с пользователем.

JavaScript является наиболее популярным языком сценариев в Интернет, и он работает со всеми основными браузерами.

Более подробно познакомиться с JavaScript можно с помощью любого руководства по JavaScript.

< Дополнительный материал 1 || Дополнительный материал 2: 123456
Елена Сапегова
Елена Сапегова

После прохождения теоретической части пришло письмо об окончании теоретической части курса, будет ли практическая часть?

Рустам Рахимов
Рустам Рахимов

Пол часа искал в интеренете, как что работает. Такое чувство что автор пишет для людей которые уже знают js, или просто хвастается своими знаниями. Конструкция формы непонятна. И можно было бы в кратце написать, что такое событие которое используют. Сорершенно не понятно как работает форма, и как брать из нее значение. 

function Complete() {

    var x = "Имя: " + document.tutform.firstname.value;

alert(x);

} - Так брать значение из формы tutform, firstname-получаем значение из имени. 

<INPUT TYPE="button" VALUE="Готово" onClick="Complete();"> - Нужно к кнопке прописать событие, при нажатие на кнопку готово, чтобы возвращалось значение с помощью функции. А так ничего не работает, и смысла учить нету, если не знать почему не работает.