3.2.5 Контентные модели.

admin — Thu, 22 Mar 2012 14:05:05 +0000

Вступительное слово.

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

В зависимости от того к какой модели относится элемент, будут зависеть его свойства и особенности взаимодействия с другими элементами.

Такие модели в спецификации HTML5 называются «контентными моделями». Исходя из названия, можно догадаться, что разделение происходит исходя из того, какой контент (содержание) может находиться в элементе.

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

Ссылка на оригинал спецификации:

http://www.w3.org/TR/2012/WD-html5-20120329/content-models.html

3.2.5 Контентные модели.

Каждый элемент, который приведен в этой спецификации, имеет свою контентную модель. Контентная модель – это описание роли элементов, которую они играют в структуре документа. HTML элемент должен иметь содержимое, которое должно соответствовать требованиям описанным в контентной модели для данного элемента.

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

Межэлементные пробелы, узлы HTML-комментариев и процессинговые инструкции должны быть проигнорированы при установлении, что они не соответствуют контентной модели данного элемента.

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

Авторы не должны использовать HTML-элементы в тех местах, где они явно не разрешены, как определено для каждого элемента и как этого требует спецификация.

3.2.5.1 Виды контента.

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

Метаданные (Metadata)
Потоковый контент (Flow)
Секционный контент (Sectioning)
Заголовочный контент (Heading)
Фразаобразующий контент (Phrasing)
Встроенный контент (Embedded)
Интерактивный контент (Interactive)

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

Структура взаимосвязи между категориями:

Секционный, заголовочный, фразаообзразующий, встроенный и интерактивный контент – это все типы потокового контента. Некоторая часть метаданных тоже является потоковым контентом. Метаданные и интерактивный контент иногда являются фразаобразующим контентом. Встроенный контент это также разновидность фразаобразующего контента, и иногда интерактивного контента.

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

3.2.5.1.1 Метаданные.

Метаданные – это контент, который определяет презентацию и поведение контента, или взаимосвязь документа с другими документами, либо передает какую-либо информацию.

base
command
link
meta
noscript
script
style
title

3.2.5.1.2 Потоковый контент.

Большинство элементов, которые используются в теле документа (между тегами ) относятся к потоковому контенту.

a
abbr
address
area (если потомок элемента map)
article
aside
audio
b
bdi
bdo
blockquote
br
button
canvas
cite
code
command
datalist
del
details
dfn
div
dl
em
embed
fieldset
figure
footer
form
h1
h2
h3
h4
h5
h6
header
hgroup
hr
i
iframe
img
input
ins
kbd
keygen
label
map
mark
math
menu
meter
nav
noscript
object
ol
output
p
pre
progress
q
ruby
s
samp
script
section
select
small
span
strong
style (если представлен атрибут scoped)
sub
sup
svg
table
textarea
time
u
ul
var
video
wbr
Text

3.2.5.1.3 Секционный контент.

Секционный контент – это контент, который определяется границами заголовков и подвала (footer) веб-страницы.

article
aside
nav
section

Секционный контент потенциально может иметь заголовочную область и структуру.

Замечание: Есть также определённые элементы, являющиеся секционными корнями. Они отдельны от секционного содержания, но также могут иметь структуру.

3.2.5.1.4 Заголовочный контент.

Определяет заголовки разделов (явно размеченных элементами секционного контента или вытекает из самого содержания заголовка).

h1
h2
h3
h4
h5
h6
hgroup

3.2.5.1.5 Фразаобразующий контент (Phrasing)

Фразаобразующий контент – это текст документа, а также элементы, которые размечают этот текст на строчном уровне. Работа фразаобразующего контента формирует параграфы.

a (если состоит только из фразаобразующего контента)
abbr
area (если это потомок элемента map)
audio
b
bdi
bdo
br
button
canvas
cite
code
command
datalist
del (если состоит только из фразаобразующего контента)
dfn
em
embed
i
iframe
img
input
ins ( если состоит только из фразаобразующего контента )
kbd
keygen
label
map ( если состоит только из фразаобразующего контента )
mark
math
meter
noscript
object
output
progress
q
ruby
s
samp
script
select
small
span
strong
sub
sup
svg
textarea
time
u
var
video
wbr
Text

Основное правило, элементы, которым контентная модель позволяет быть фразаобразующим контентом должны иметь хотя бы одного потомка, который является текстовым узлом (этот текстовый узел не должен являться межэлементным пробелом), или, по крайней мере, одного потомка со встроенным контентом. Для целей данного требования, узлы, которые являются потомками элементов del, не следует расценивать принадлежащими к предкам элемента del.

Замечание: большинство элементов, которые относятся к фразаобразующему контенту, могут состоять только из элементов, которые сами относятся к фразаобразующему контенту, а не к потоковому контенту.

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

3.2.5.1.6 Встроенный контент.

Встроенный контент – это контент, который импортирует другие ресурсы в документ или контент с другого словаря, который вставляется в документ.

audio
canvas
embed
iframe
img
math
object
svg
video

Элементы из пространства имен, которое отличается от пространства имен HTML и которые передают содержание, но не являются метаданными, являются встроенным контентом с точки зрения моделей содержания, определяемых данной спецификацией. (Например, MathML или SVG.).

Некоторые элементы встроенного контента могут иметь резервный контент: который может быть использован, когда внешний ресурс не может быть использован (например, потому что он относится к формату, который не поддерживается). Определения элементов указывают, каким является резервный контент, если он есть.

3.2.5.1.8 Осязаемый контент.

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

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

Вот элементы, которые относятся к осязаемому контенту:

a
abbr
address
article
aside
audio (if the controls attribute is present)
b
bdi
bdo
blockquote
button
canvas
cite
code
details
dfn
div
dl (if the element’s children include at least one name-value group)
em
embed
fieldset
figure
footer
form
h1
h2
h3
h4
h5
h6
header
hgroup
i
iframe
img
input (if the type attribute is not in the Hidden state)
ins
kbd
keygen
label
map
mark
math
menu (if the type attribute is in the toolbar state or the list state)
meter
nav
object
ol (if the element’s children include at least one li element)
output
p
pre
progress
q
ruby
s
samp
section
select
small
span
strong
sub
sup
svg
table
textarea
time
u
ul (if the element’s children include at least one li element)
var
video
Text, который не является межэлементным пробелом.

3.2.5.2 Прозрачная контентная модель.

Некоторые элементы описываются как прозрачные «transparent». Контентная модель прозрачного элемента получена из контентной модели его родительского элемента.

Пример, элемент ins внутри элемента ruby не может содержать элемент rt, потому что часть контентной модели элемента ruby, которая допускает элементы ins, является частью, которая допускает фразообразующий контент, а элемент rtне является фразообразующим контентом.

Рассмотрим следующую разметку:

Яблоки

Давайте проверим, разрешается ли использовать текстовый узел «Яблоки» внутри элемента a. Контентная модель элемента a прозрачна, точно также как прозрачна контентная модель у элементов map, ins, object. Элемент objectнаходится внутри элемента p, чья контентная модель относится к фразообразующей контентной модели. Таким образом, использование узла «Яблоки» разрешается в качестве текста, который является фразообразующим контентом.

Когда у прозрачного элемента отсутствует родительский элемент, часть контентной модели, которая «прозрачна», следует рассматривать как потоковый контент.

3.2.5.3 Параграфы.

Замечание: термин параграф, как он был определен в данном разделе, используется в более широком смысле, чем элемент p. Концепция параграфа, определяемая здесь, используется для описания как интерпретировать документы. Элемент p это всего лишь один способ как можно определить параграф.

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

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


Пример параграфов
Это первый параграф в данном примере.
Это второй.

Параграфы в потоковом контенте определены относительно того, как документ выглядит без усложняющих элементов a, ins, del, и map, потому что эти элементы с их гибридными контентными моделями могут переходить рамки параграфа, как показано в примерах выше.

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

В следующем примере взята разметка из предыдущего примера. Элементы insи delпомещены в разметку, чтобы показать, что текст изменился (хотя, в данном случае, эти изменения бессмысленны). Обратите внимание, что в этом примере ровно столько же параграфов, как и в предыдущем, несмотря на элементы ins и del – элемент insобрамляет заголовок и первый параграф и элемент delобрамляет границы между двумя параграфами.


Пример параграфов 
Это первый параграф в данном примере.
Это второй.

Параграф также явно формируется элементами p.

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

В следующем примере ссылка охватывает половину первого параграфа, всю заголовочную часть, разделяющую два параграфа и половину второго параграфа. Она охватывает параграфы и заголовочную часть.


Добро пожаловать!

Это зона...
«Фалконов»!
Многоцелевой истребитель «Локхид Мартин»!

На этой странице обсуждаются сокровенные тайны «Файтинг Фалкон Ф-16».

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


 Добро пожаловать!Это зона...
"«Фальконов»!
 
Многоцелевой истребитель «Локхид Мартин»!
На этой странице обсуждаются сокровенные тайны «Файтинг Фалкон Ф-16».

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

<section>
<h1>Мои кошкиh1>
Вы можете поиграть с моим кошачьим симулятором.

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

Загрузить файл симулятора

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

Я на самом деле горжусь им.

Здесь есть 5 параграфов:

1. Параграф в котором говориться «Вы можете поиграть с моим кошачьим симулятором. object Я на самом деле горжусь им.», где object это элемент object.

2. Параграф в котором говориться « Чтобы увидеть кошачий симулятор, воспользуйтесь одной из следующих ссылок:»

3. Параграф в котором говориться «Загрузить файл симулятора»

4. Параграф в котором говориться «Использовать онлайновый симулятор»

5. Параграф в котором говориться « Кроме того, вы можете обновиться до браузера Mellblom.»

Первый параграф перекрывает остальные четыре. Пользовательский агент, который поддерживает ресурс «cats.sim», покажет только этот первый параграф, но пользовательский агент, который показывает резервное содержание, внезапно покажет первое предложение первого параграфа, как если бы оно было в том же параграфе, что и второе и покажет покажет последний параграф, как если бы он был в начале второго предложения первого параграфа.

Чтобы избежать этой путаницы, можно использовать явные элементы p.

Всё для веб-мастера

3.2.5 Контентные модели.

Пример параграфов

Пример параграфов

Заключение.

Как скопировать файлы с одного сервера на другой напрямую.

Как делать ссылки на скачивание файлов.

Базовые приемы работы с FTP-клиентами.

Как соединиться с FTP-сервером

Программы для работы с FTP со стороны клиента.

Теория. О протоколе FTP.

Введение.

Особенности переноса домена к новому регистратору.