The 13 Content Mixes of HTML
A Content Mix specifies a set of Content Blocks, called passage, for a Content Part.
A simple Content Mix is a Content Card while a compound Content Mix is a Content Layer
General Card
A General Card represents a passage with no initial purpose
The syntax is a div
element with the following attributes and child elements:
-
Zero or one count for each Global Attribute
-
The following order of elements if the General Card is a child of an Description Layer:
-
One or more Association Titles
-
One or more Association Segments
-
-
Zero or more counts for each and if the Span Card is not a child of an Description Layer
-
Zero or more counts for each Content Block and Content Mix. But, if the General Card is not a child of an Description Layer
<div>
</div>
Anchor Card
An Anchor Card represents a passage that is a label for an hyperlink
The syntax is an a
element with the following attributes and child elements:
-
Zero or one
href
attribute -
Zero or one count for each of the following attributes if the
href
attribute is present: -
Zero or one count for each Global Attribute
-
Zero or more counts for each Content Block and Content Mix. But, it must exclude a Details Title, an Anchor Card, and any Content with a
tabindex
attributeMoreso, Each Content Block must exclude the following descendant interactive contents:
-
An Hyperlink Connotation with an
href
attribute -
A Raster Image with a
usemap
attribute -
An Audio Media with a
controls
attribute -
A Video Media with a
controls
attribute -
An Embed Medium
-
Each Content Form
-
<a>
</a>
Quote Card
A Quote Card represents a passage from another source
The syntax is a blockquote
element with the following attributes and child elements:
-
Zero or one
cite
attribute. -
Zero or one count for each Global Attribute
-
Zero or more counts for each Content Block and Content Mix.
<blockquote>
</blockquote>
Address Card
An Address Card represents a passage of contact information for authors of the nearest ancestor Article Section. If no such ancestor, it's for authors of the web document
The syntax is an address
element with the following attributes and child elements:
-
Zero or one count for each Global Attribute
-
Zero or more counts for each Content Block and Content Mix. But, an Address Card must exclude an Heading Block and an Address Card
-
Zero or more counts for each Content Block and Content Mix. But, it must exclude descendants of each Content Division
<address>
</address>
Deletion Card
A Deletion Card represents a passage with a removal hint
The syntax is a del
element with the following attributes and child elements:
-
Zero or one count for each of the following attributes:
-
Zero or one count for each Global Attribute
-
Zero or more counts for each Content Block and Content Mix.
<del>
</del>
Insertion Card
An Insertion Card represents a passage with an addition hint
The syntax is an ins
element with the following attributes and child elements:
-
Zero or one count for each of the following attributes:
-
Zero or one count for each Global Attribute
-
Zero or more counts for each Content Block and Content Mix.
<ins>
</ins>
Figure Card
A Figure Card represents a passage with no running text.
The syntax is a figure
element with the following attributes and child elements:
-
Zero or one count for each Global Attribute
-
Zero or more counts for each Content Block and Content Mix.
-
Zero or One Figure Caption Card. But, as the first or last content of a Figure Card.
<figure>
</figure>
Map Card
A Map Card represents a passage with a set of area coordinates for managing regions of a raster image.
The syntax is a map
element with the following attributes and child elements:
-
One
name
attribute -
Zero or one count for each Global Attribute
-
Zero or more counts for each Content Block and Content Mix.
<map name="[identifier]">
</map>
Search Card
A Search Card represents a passage with a set of Content Forms for discovering information
The syntax is a search
element with the following attributes and child elements:
-
Zero or one count for each Global Attribute
-
Zero or more counts for each Content Block and Content Mix.
<search>
</search>
Form Card
A Form Card represents an hyperlink to submit associated Content Forms. A Content Form associates to a Form Card as a child content or by targeting the Card's ID
The syntax is a form
element with the following attributes and child elements:
-
Zero or one count for each of the following attributes:
accept-charset
,action
,autocomplete
,enctype
,method
,name
,novalidate
,target
, andrel
. -
Zero or one count for each Global Attribute
-
Zero or more counts for each Content Block and Content Mix.
<form>
</form>
Enumeration Layer
An Enumeration Layer represents a passage as an item in an ordered list (ol
), unordered list (ul
), or unordered command list (menu
)
The syntax is an ol
element, ul
element, or menu
element with the following attributes and child elements
-
Zero or one count for each of the following attributes if it's an
ol
element:reversed
,start
, andtype
. -
Zero or more List Items
<!-- ordered list -->
<ol>
</ol>
<!-- unordered list -->
<ul>
</ul>
<!-- unordered command list -->
<menu>
</menu>
Description Layer
An Description Layer represents a passage and its title as an item in an unordered term-description list
The syntax is a dl
element with the following attributes and child elements:
-
Zero or one count for each Global Attribute
-
Zero or more groups of the following elements:
-
One or more Association Titles
-
One or more Association Segments
Note: Each group can be explicitly marked up with a General Card
-
<dl>
</dl>
Tabular Layer
A Tabular Layer represents a passage as a cell in a 2 dimensional content
The syntax is a table
element with the following attributes and child elements:
-
Zero or one count for each Global Attribute
-
The following order of elements optionally intermixed with script-supporting content
-
Zero or one Table Caption
-
Zero or more Table Column Group
-
Zero or one Table Head
-
Either of the following elements:
-
Zero or more Table Body
-
Zero or more Table Rows
-
-
Zero or one Table Foot
-
<table>
</table>