Четверг, 16.05.2024, 08:18
Главная Регистрация RSS поиск
Приветствую Вас, Гость
Меню сайта
Категории раздела
HTML [44]
Visual C++ и MFC [21]
c++ [78]
php [19]
Javascript [15]
C# [51]
загрузки [0]
XNA [10]
создание игр с помощью xna
Наш опрос
Каким языком программирования вы увлекаетесь
Всего ответов: 2420
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Реклама
Главная » Статьи » HTML

1.5 Правила записи элементов и их атрибутов в XHTML.
Урок №1: Введение в языки разметки

Данный раздел познакомит вас с рядом правил, которым должны удовлетворять все элементы XHTML документа. По большому счету, это правила записи элементов XML. Однако,как уже неоднократно упоминальсь ранее, XHTML документы также являются документами XML и подчинены тем же требованиям.

Введем ряд определений:

  • тэг или дескриптор - специального вида текстовая метка в документе, отмечающая границы - начало или конец - некоторого элемента содержимого. Например, для обозначения начала абзаца, используется тэг <p>, а для его завершения - </p>
  • элементом - называется совокупность открывающего и закрывающего тэга и его содержимого. Содержимым элемента может быть не только простой текст, а и вложенные в него другие элементы. Кроме того, существует ряд элементов принципиально не могущих иметь содержимого. Такие элементы подчиняются несколько отличным от традиционных правилам записи (см. ниже).
  • атрибут - это свойство элемента. Записываются атрибуты в начальном тэге элемента и определяют внешний вид и логику использования элемента.

Теперь обо всем по порядку.

Элементы

Элементы - одна из наиболее важных сущностей XHTNL документа. С помощью элементов производится разбиение страницы на структурные блоки и выполняется визуальное оформление документа.

Рассмотрим ряд правил. которым вы должны следовать при записи тэгов и самих элементов.

1. Правило записи начального тэга. Начальный тэг элемента должен быть записан в следующем виде:

<имя_элемента>

Сразу за символом < должно следовать имя элемента. Имена элементов должны быть обязательно записанны в нижнем регистре!

Примечание: В ранних версиях языка разметки HTML правила записи имен элементов несколько отличались. Например, не существовало принципиальной разницы между записью <BODY> и <body>. Браузеры до сих пор "понимают" устаревшую форму записи и не делают между ними различия. Однако, вы должны следовать требованиям современных стандартов, чтобы научиться создавать страницы не только привлекательно выглядящие в браузере, но и отвечающие современным представлениям о правильном оформлении XHTML документов.

В начальном тэге элемент может содержать один и более атрибутов (более подробно см. ниже):

<имя_элемента атрибут="значение" ...>

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

2. Правило записи конечного тэга. Конечный тэг элемента должен быть записан в следующей форме:

...</имя_элемента>

Сразу за символом < должен следовать символ /, а за ним - имя элемента. В закрывающем тэге больше ничего не должно содержаться. Перечисление здесь атрибутов элемента будет грубой ошибкой!

3. Правило записи элементов, не имеющих содержимого. В XHTML существуе ряд элементов, которые принципиально не могут иметь содержимого. К таким элементам относятся, например, элемент вставки рисунка - img или принудительный перенос - br. Безусловно, нет ошибки в такой форме записи:

<img ... ></img>

Однако, между открывающим и закрывающим тэгами элемента img никогда не может быть содержимого. Поэтому было принято соглашение об альтернативной, более компактной форме записи подобных элементов:

<img ... />

Последовательность " />" закрывает элемент так, как обыкновенный закрывающий тэг. Причем, между именем тэга или значением последнего атрибута (если таковые имеются) и символом "/" должен следовать хотя бы один пробел!

Примечание: Отсутствие пробела перед символом "/" не приведет к катастрофическим результатам при запуске страницы в браузере. Однако, при проверке документа HTML Validator выдает предупреждение об его отсутствии.
Атрибуты

Как было сказанно ранее, атрибуты - это способ указания свойств элемента. Существует, к примеру, возможность с помощью атрибутов повлиять на визуальное представление элемента, связав с ним стиль (об этомречь идет далее в уроке).

Атрибуты элемента перечисляются в его начальном тэге:

<имя_элемента атрибут="значение" атрибут="значение" ... >

При записи атрибута указывается пара имя="значение", причем значение атрибута обязательно заключается в одинарные (') или двойные (") кавычки. Между именем следующего атрибута и значением предыдущего обязательно должен следовать как минимум один пробел.

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

  • id - уникальный идентификатор элемента
  • style - стиль элемента
  • class - класс стиля в таблице стилей CSS
  • title - всплывающая подсказка элемента
  • lang - код языка, применяемый к элементу и его содержимому
  • dir - задает направление размещения текста содержимого
Соблюдаем иерархию

XML является в первую очередь языком разметки структуры данных документа. Именно поэтому к иерархии, то есть к родительско-дочерним отношениям элементов в документе, предъявляются довольно жесткие требования. Элементы XHTML документа дожны быть полностью вложенными друг в друга. Ниже приводятся примеры правильного и неправильного вложения элементов:

Корректное вложение
<элемент1> ... <элемент2> ... </элемент2> ...</элемент1>

Некорректное вложение
<элемент1> ... <элемент2> ... </элемент1> ...</элемент2>

Соблюдать правильность вложения элементов вам поможет простое правило: первый открытый элемент в иерархии закрывается последним. То есть, для них действует правила стека - LIFO (Last In First Out - "последним вошел, первым вышел").

Комментарии в тексте документа

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

Все комментарии XHTML должны записываться в следующем виде:

<!-- Это комментарий --> 
<!-- 
 Комментарий может состоять
 из нескольких строк...
-->
Категория: HTML | Добавил: slava (18.07.2009)
Просмотров: 2706 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]