An heading has two different functions:

The rule is simple, when a heading is not in a component, it's a structural heading, otherwise, it's a title component.

If you search the title of a page, see the page ComboStrap Page Metadata - Title

## Syntax

### Wiki

The wiki heading start with 6 hashtag # characters for the level 1 (h1) and goes down by one.

The higher the level, the higher the visual emphasis.

====== Headline Level 1 <icon name="bs:card-heading"/> ======
== Headline Level 5 ==


To facilitate the writing, you can use the following keyboard shortcuts:

• and type one of the following keyboard shortcuts:
• alt+8 for the same level than the previous heading
• alt+9 for a level lower than the previous heading
• alt+0 for a level higher than the previous heading

### Markdown

• The level 1 heading (the title) starts with #,
• and so on.

This is:

• the best syntax for writing because you just need to adds up the number of hashtag to get the wanted heading level.
• the worst syntax visually because a lower level will have more emphasis than an higher
# Headline Level 1 <icon name="bs:card-heading"/>
###### Headline Level 6


### HTML Super Set

heading is a Super set HTML component and therefore, you can then apply all styling attributes.

<heading type>
</heading >


where:

• type is:
• h1 to h6 for HTML heading styling
• d1 to d4 for bigger heading display (used mostly in landing page)
• level is the heading level (ie 1 to 6, default to the number in the type)

Example:

<heading h1>Heading 1</heading>
<heading h6>Heading 5</heading>

<heading d1>Heading 1</heading>
<heading d4>Heading 4</heading>