Элементы и атрибуты HTML и XHTML

4.3.4. Элементы и атрибуты HTML и XHTML

Существует два типа элементов HTML: контейнеры и одиночные элементы. Контейнер – это пара элементов, т.е. начальный и конечный элементы, имеющие соответственно вид: <имя атрибуты> и </имя>, где имя – это имя реального элемента, а атрибуты – параметры элемента. Начальный и конечный элементы контейнера вместе с заключенным между ним содержимым являются элементом документа HTML (XHTML).

Одиночный элемент HTML отличается от контейнера тем, что это фактически только начальный дескриптор. Этот элемент не связан с действиями над текстом.

Для каждого элемента определяется множество возможных атрибутов. Спецификация атрибута состоит из элементов, расположенных в следующем порядке:

  • имени атрибута, например width;
  • знак равенства (=);
  • значения атрибута, которое задается строкой символов, например, 80.

Таблица 4.3. Атрибуты HTML (XHTML), определенные практически для всех элементов

Имя атрибута

Назначение

В каких элементах используется

class

Определяет класс данного элемента.

Все элементы, кроме <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, <style>, <title>

dir

Определяет направление просмотра текста: ltr – слева направо (как в европейских языках) или rtl – справа налево (как в арабском языке и иврите). Значение по умолчанию: ltr.

Все элементы, кроме <applet>, <base>, <basefont>, <bdo>, <br>, <frame>, <frameset>, <iframe>, <param>, <script>

id

Идентификатор элемента.

Все элементы, кроме <base>, <head>, <html>, <meta>, <script>, <style>, <title>

lang

Язык содержимого элемента (для русского языка используется значение кода языка ru, для украинского – uk, для английского – en).

Все элементы, кроме <applet>, <base>, <basefont>, <br>, <frame>, <frameset>, <iframe>, <param>, <script>

style

Стиль содержимого элемента.

Все элементы, кроме <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, <style>, <title>

title

Вывод всплывающего текста при подведении курсора к содержимому элемента.

Все элементы, кроме <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, <title>

4.3.5. Сущности и комментарии HTML и XHTML

Ссылки на символы в HTML могут принимать две формы:

  • числовые ссылки на символы (десятичные или шестнадцатеричные).
  • ссылки на комбинации символов.

Числовые ссылки на символы указывают код символа в наборе символов документа. Числовые ссылки на символы могут также принимать две формы:

  • синтаксис "&#D;", где D – десятичное число, указывает символ Unicode с десятичным номером D.
  • синтаксис "&#xH;" или "&#XH;" , где H – шестнадцатеричное число, указывает на символ Unicode с шестнадцатеричным номером H.

Например, ссылка "&#960;" или "&#x03C0;" в Web-странице выведет на экран Web-браузера греческую букву .

Вторая форма имеет синтаксис "&имя;", где имя является символическим обозначением ссылки, например, для вывода буквы можно использовать ссылку "&pi;".

Полный список символических и числовых обозначений часто используемых символов приведен в спецификации HTML 4.01. В этот список входят следующие группы символов:

  • специальные знаки, не входящие в стандартный набор символов клавиатуры (например, знак фунта "", знак авторского права "©" или знак "±");
  • латинские буквы с надстрочными и подстрочными знаками (например, буквы "" и "" французского алфавита);
  • греческие буквы и математические символы (например, "" или "");
  • технические символы (например, символ градуса "").

Следующие ссылки используются наиболее часто для представления специальных символов:

  • < (символ "меньше чем", левая угловая скобка) – &lt;
  • > (символ "больше чем", правая угловая скобка) – &gt;
  • & (амперсант) – &amp;
  • " (двойные кавычки) – &quot;
  • «жесткий» или «неразрывный» пробел – &nbsp;

В любом месте документа HTML и XHTML могут быть вставлены комментарии, которые так же, как и в текстах программ, служат для пояснения выполняемых действий и не выводятся на экран Web-браузера. Комментарии записываются в следующем виде:

<!--Текст комментария -->

Комментарий может занимать несколько строк.

4.3.6. Технология проектирования Web-страниц

Поэтому процесс создания Web-страниц часто называют проектированием (или дизайном) Web-страниц.

Проектирование Web-страниц можно производить как в текстовом, так и в графическом режиме. В первом случае операции по редактированию производятся над документом HTML, во втором случае – непосредственно над Web-страницей, т.е. образом документа HTML, выводимым в окне Web-браузера. Второй режим называют также графическим режимом или режимом WYSIWIG (What You See Is What You Get – что вы видите, то и получите). В режиме WYSIWIG (используемом обычно в текстовых процессорах) документ выводится на экран дисплея в том виде, в котором он будет напечатан на принтере.

4.3.7. Редакторы HTML

При проектировании Web-страниц можно использовать как обычные текстовые редакторы, так и специализированные редакторы Web-страниц.

Поскольку документ HTML представляет собой обычный текстовый файл, его можно создавать и редактировать с помощью обычного текстового редактора, например, редактора Блокнот (Notepad) в Windows. Создание документа с помощью обычных текстовых редакторов требует хорошего знания языка HTML, его версий и расширений.

Специализированные текстовые редакторы HTML, наряду с функциями обычных текстовых редакторов, предоставляют следующие возможности:

  • автоматическая вставка и выделение элементов в тексте документа HTML (обычно другим цветом);
  • синтаксический контроль элементов HTML и других компонент Web-страниц (языков сценариев и др.);
  • импорт документов из других текстовых редакторов;
  • встроенные справочные средства и средства обучения.

Тестирование и просмотр созданных или отредактированных Web-страниц выполняется с помощью встроенных в программу или внешних Web-браузеров.

Примером специализированного текстового редактора является редактор CuteHTML для Windows. Для проектирования Web-страниц в этом редакторе используются раскрывающиеся меню и панели инструментов, обеспечивающие поддержку всех общепринятых элементов HTML, включая формы и таблицы. В составе этого редактора имеются довольно подробные справочные системы с элементами обучения.

Требования графических редакторов HTML к программным и аппаратным средствам компьютера значительно выше, чем у текстовых редакторов. Однако работать с графическими редакторами значительно удобнее, чем с текстовыми, поскольку содержимое страницы выглядит так же или практически так же, как оно выглядело бы при просмотре Web-браузером. Кроме того, для выполнения многих операций в графическом редакторе совершенно не требуется знания языка HTML.

Редакторы Web-страниц могут быть реализованы либо как отдельные программные продукты (например, Microsoft FrontPage), либо как составные компоненты других программных продуктов. Так, редактор Microsoft Script editor является составной частью пакета Microsoft Office, а редактор Netscape Composer, наряду с Web-браузером Netscape Navigator, является одной из компонент пакета Netscape Communicator.

Наиболее распространенными графическими редакторами являются редактор DreamWeaver фирмы Macromedia, для которого разработаны различные модули расширения, а также редактор FrontPage фирмы Microsoft, входящий в состав Microsoft Office.

Элементы и атрибуты HTML и XHTML