F04:Heading Selectors

Overview

This section contains definitions and usage guidelines for all the standard Foundation Heading Selectors specified by IGP:FoundationXHTML.

Please note this is the Foundation list and not the complete list for all genres.

F04: Headings

The .galley-rw selector indicates this is a heading used in the main bodytext and does not apply for various blocks, boxes and lists.

.galley-rw h2

Equivalent to historical A-Head.

.galley-rw h3

Equivalent to historical B-Head.

.galley-rw h4

Equivalent to historical C-Head.

.galley-rw h5

Equivalent to historical D-Head

.galley-rw h6

Equivalent to historical E-Head.

If more depth of headings is required h6 is modified with a class statement extending the levels: Eg:

<h6 class="heading7-rw">...</h6>

Presentation Selectors

.galley-rw h2 + div

Define the styling pattern when a block, media or other div contained structure follows a heading.

.galley-rw h3 + div

Define the styling pattern when a block, media or other div contained structure follows a heading.

.galley-rw h4 + div

Define the styling pattern when a block, media or other div contained structure follows a heading.

.galley-rw h5 + div

Define the styling pattern when a block, media or other div contained structure follows a heading.

.galley-rw h6 + div

Define the styling pattern when a block, media or other div contained structure follows a heading.

.galley-rw h2 + h3

Define the styling pattern when a heading immediately follows another heading.

.galley-rw h3 + h4

Define the styling pattern when a heading immediately follows another heading.

.galley-rw h4 + h5

Define the styling pattern when a heading immediately follows another heading.

.galley-rw h5 + h6

.galley-rw div + h2

Define the styling pattern when a heading immediately follows another heading.

.galley-rw div + h3

Define the styling pattern when a heading immediately follows another heading.

.galley-rw div + h4

Define the styling pattern when a heading immediately follows another heading.

.galley-rw div + h5

Define the styling pattern when a heading immediately follows another heading.

.galley-rw div + h6

Define the styling pattern when a heading immediately follows another heading.

Headings in Blocks

FX defines that block and box heading should start at <h4>. This is to explicitly prevent non-accessible content being created and to assist processor generating content lists and auto numbering blocks.

.block-rw h4

Headings in blocks must start at h4

.block-rw h5

Headings in blocks must start at h4

.block-rw h6

Headings in blocks must start at h4