HTML - Subheading / Subtitle / SupTitle / Tagline / Slogan

About

This page is about the HTML Markup for

  • subheadings,
  • alternative titles

Note that before the creation of the hgroup element, HTML did not have any dedicated tag. This article shows you how to mark a subheading with and without hgroup.

Example

With hgroup

With the hgroup, you can use heading tag because they will not create a section and will therefore not be added to the outline

<hgroup>
 <h1>Dr. Strangelove</h1>
 <h2>Or: How I Learned to Stop Worrying and Love the Bomb</h2>
</hgroup>

Without hgroup

This html solution where used before the creation of the hgroup 1)

Grouped with a header

Grouped with a header element

<header>
  <p>SuperTitle of the year</p>
  <h1>Title</h1>
  <p>Subtitle</p>
  <p>Date: Draft 9 May 2013</p>
</header>

Same line separated

  • by a colon: the subtitle of a book is on the same line as the title separated by a colon.
<h1>The Lord of the Rings: The Two Towers</h1>
  • by a inline element such as span
<h1>Ramones <br>
<span>Hey! Ho! Let’s Go</span>
</h1>





Discover More
Data System Architecture
Features - Block of text are categorized by a name called feature

This page lists the most well known feature of text. They are an important part of the design vocabulary of a letter, web page, email or newspaper.
HTML - (Document) Outline

This article talks: the extraction of the outline from a HTML document in order to create a HTML Table of Content The outline also known as the table of content is a list of one or more potentially...
HTML - Header (element)

The header in html is an element which principal use is to group ancillary information around the top level heading (ie h1). It may (not required) contain the section's heading (an h1–h6 element...
HTML - hgroup

hgroup or heading grouping is an element that: represents the heading of a section or page group a set of h1–h6 elements when the heading has multiple levels, such as: subheadings, alternative...



Share this page:
Follow us:
Task Runner