Structural Markup

Structural markup embeds information about the structure of a document. Structure includes elements such as:

  • Headings
  • Paragraphs
  • Breaks
  • Lists

These elements will help guide a user visually and provide information about the type of content through a document. These elements are also used by the browser and DOM to understand the content of a document. A browser will use this structural markup to assist screen readers and other accessibility-based software.

The most basic of structured documents should include tags identifying headings and paragraphs. These two markup elements are used in almost every document editing application and are crucial in authoring web content.

Headings and Paragraphs

You are already familiar with headings, paragraphs, and breaks.

Headings are defined with the <h1> to <h6> tags, where <h1> defines the most important heading and <h6> defines the least important heading. <h1> headings are considered to be Main Headings, while <h2> headings are usually considered sub-headings and so forth through <h6>.

Any text between the paragraph tags <p>...</p> belongs to the same paragraph. Almost all non-heading text will be placed within a paragraph element in a web document.

html markup structural