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

Инструментарий

Существует много инструментов для разметки документов (HTML, CSS, XML, XSLT …)

Редакторы бываю двух типов: визуальные и текстовые.

• Визуальные - программы, использующие визуальные редакторы (design-based editor) — средства, которые автоматически формируют необходимый HTML-код, позволяя разрабатывать Web-страницы в режиме WYSIWYG (What You See Is What You Get — что вижу, то и получаю);

• Текстовые - программы-редакторы (code-based editors), которые предоставляют редактор и вспомогательные средства для автоматизации написания кода.

Тег <!DOCTYPE>

Предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, поскольку HTML существует в нескольких версиях, кроме того, имеется XHTML. Чтобы браузер «не путался» и понимал, согласно какому стандарту отображать веб-страницу и необходимо в первой строке кода задавать <!DOCTYPE>.

<!DOCTYPE [Элемент верхнего уровня] [Публичность] "[Регистрация]//[Организация]//[Тип] [Имя]//[Язык]" "[URL]">

• Элемент верхнего уровня — указывает элемент верхнего уровня в документе, для HTML это тег <html>.

• Публичность — объект является публичным (значение PUBLIC) или системным ресурсом (значение SYSTEM), например, таким как локальный файл. Для HTML/XHTML указывается значение PUBLIC.

• Регистрация — сообщает, что разработчик DTD зарегистрирован в международной организации по стандартизации (International Organization for Standardization, ISO). Принимает одно из двух значений: плюс (+) — разработчик зарегистрирован в ISO и - (минус) — разработчик не зарегистрирован.
Для W3C значение ставится «-».

• Организация — уникальное название организации, разработавшей DTD. Официально HTML/XHTML публикует W3C, это название и пишется в <!DOCTYPE>.

• Тип — тип описываемого документа. Для HTML/XHTML значение указывается DTD.

• Имя — уникальное имя документа для описания DTD.

• Язык — язык, на котором написан текст для описания объекта. Содержит две буквы, пишется в верхнем регистре. Для документа HTML/XHTML указывается английский язык (EN).

• URL — адрес документа с DTD.

Существует несколько видов <!DOCTYPE>, они различаются в зависимости от версии языка.

DOCTYPE	Описание
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">	Строгий синтаксис HTML.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">	Переходный синтаксис HTML.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">	В HTML-документе применяются фреймы.
HTML 5
<! DOCTYPE HTML >
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">	Строгий синтаксис XHTML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">	Переходный синтаксис XHTML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">	Документ написан на XHTML и содержит фреймы.
XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">	Разработчики XHTML 1.1 предполагают, что он постепенно вытеснит HTML. Никакого деления на виды это определение не имеет, синтаксис один и подчиняется четким правилам

Тег <HTML>

Является контейнером, который заключает в себе все содержимое веб-страницы, включая теги <HEAD> и <BODY>. Тег <HTML> идет в документе вторым, после элемента <!DOCTYPE>. Закрывающий тег <HTML> должен всегда стоять в документе последним.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

</head>

<body>

</body>

</html>

Тег <HEAD>

Является контейнером. Предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными.

Внутри контейнера <HEAD> допускается размещать следующие элементы: <BASE>, <BASEFONT>, <BGSOUND>, <LINK>, <META>, <SCRIPT>, <STYLE>, <TITLE>.

Содержимое тега <HEAD> не отображается напрямую на веб-странице, за исключением тега <TITLE> устанавливающего заголовок окна веб-страницы.

Тег <TITLE>

Является контейнером. Определяет заголовок документа.

Элемент <TITLE> не является частью документа и не показывается напрямую на веб-странице. В операционной системе Windows текст заголовка отображается в левом верхнем углу окна браузера.

Допускается использовать только один тег <TITLE> на документ и размещать его в контейнере <HEAD>.

<head>
<title>Заголовок</title>

</head>

Тег <META>

Определяет метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Разрешается использовать более чем один метатег, все они размещаются в контейнере <HEAD>.

Как правило, параметры любого метатега сводятся к парам «имя=значение», которые определяются аргументами content, name или http-equiv.

<head> <meta content="..."> </head>

Атрибуты:

• http-equiv - Предназначен для конвертирования метатега в заголовок HTTP.

• name - Имя метатега, также косвенно устанавливает его предназначение.

• content - Устанавливает значение параметра, заданного с помощью name или http-equiv.

<== предыдущая лекция	\|	следующая лекция ==>
Теговая структура языка разметки	\|	Тег META . Атрибут name

Поделиться с друзьями:

Дата добавления: 2014-01-06; Просмотров: 249; Нарушение авторских прав?; Мы поможем в написании вашей работы!

Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет

studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление

Генерация страницы за: 0.018 сек.