Лекция 2. Синтаксис элемента разметки и глобальная структура документа в формате HTML

План

1. Синтаксис элемента разметки

2. Требования, предъявляемые к хорошо сформированному документу

3. Структура документа

1. Синтаксис элемента разметки

(X)HTML-документ представляет собой ASCII - документ (обычный текст) или Unicode (UTF-8), который размечается при помощи тегов (элементов разметки) и других необходимых объявлений. (X)HTML независимый от платформы язык.

Любой гипертекстовый документ имеет три составляющие — содержание (смысловое наполнение), структуру и внешнее представление.

Для определения структуры и внешнего представления документа в его исходный код вносят элементы разметки.

Элемент - представляет собой структурный компонент (например, абзац, гиперссылка, графический образ, таблица, список и др) или нужную функцию (например, перенос строки).

Оформление этих элементов осуществляется по определенным в спецификации требованиям.

В основу синтаксиса языка HTML лег стандарт ISO 8879:1986 ”Information processing. Text and office systems. Standard Generalized Markup Language(SGML)”.

В соответствии со спецификацией элемент разметки – это пара тегов и содержание (текст, картинка, элементы таблицы или списка, код и др.), заключенные между ними. Т.е. элемент состоит из трех компонентов:

- начального тега,

- содержимого (текст и другие элементы документа)

- конечного тега.

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

Различают тэги контейнеры (парные head, body, html, ..) и одиночные (автономные, простые, не парные, meta, link, style, base, br, img,…. ).

Общая схема построения элемента текста в формате HTML может быть записана в следующем виде:

<имя элемента [cписок атрибутов]>

[Содержание элемента]

[</имя элемента>]

Конечные тэги никогда не содержат атрибутов.

Aтрибуты

Теги могут содержать атрибуты.

Атрибуты – это компоненты тега (свойства), содержащие указания о том, как браузер должен воспринять и обработать содержимое тэга. Атрибут записывается после имени тэга перед закрывающейся скобкой и состоит, из:

- имени атрибута, например width, href, align, bgcolor,….

- знак равенства (=)

- значения атрибута, которое задается строкой символов, например, "80", “abc.html”, ”left”, “silver”,…….

В общем виде

имя атрибута = “значение” или имя атрибута = ’значение’

Большинство тегов допускает один или несколько атрибутов, однако атрибутов может и совсем не быть

имя атрибута1 = “значение1” имя атрибута2 = “значение2” имя атрибута3 = “значение3” и т.д.

2. Требования, предъявляемые к хорошо сформированному (X)html документу

1) Все символы в именах тэгов и атрибутов должны быть набраны в нижнем регистре.

2) Значения атрибутов - в кавычках (одинарных или двойных).

Всегда заключайте значение атрибута в кавычки, используя либо одинарные ('80'), либо двойные кавычки ("80").

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

3) Завершение элемента. Конечные теги в (X)HTML документах опускать нельзя. При интерпретации HTML – документов большинство браузеров в определенных случаях позволяют опускать конечные тэги.

4) Пустые элементы должны содержать символ «/» (например, <br />).