Document

Tag Name Description
<title> title Second most important piece of content. Shown in the browser tab & search results.
<footer> footer When inside <body> it’s the website footer. When inside <article> it’s the least important information.
<article> article A piece of content that’s independent.
<main> main Primary content of the page.
<section> section A group in a series of related content pieces.
<header> header When inside <body> it’s the website masthead.When inside <article> it’s the most important information
<nav> navigation Defines a group a navigation links.
<aside> aside Secondary content not required to understand the main content.

Lists

Tag Description
<ul> An unordered list—the order of items isn’t important. Can only have <li> elements as direct children.
<dl> A description list—words & definitions, titles & summaries, data points, etc. Can only have <dt> and <dd> elements as direct children.
<ol> An ordered list—the order of the items is important. Could be alphabetical, numerical, best to worst, etc. Can only have <li> elements as direct children.
<dt> Description title, the term of the item. Must come before the <dd>.
<dd> Description definition, the data, or text of the item. Can be multiple <dd> tags underneath one <dt>.

Images & media

Tag Description
<picture> Responsive image insertion—allows developers to provide different images for different contexts.
<figure> Embeds annotated images, illustrations, photos, code, etc. Could be moved out of place and would still make sense.
<track> Used to pair captions, chapters, etc. with <video > elements.
<figcaption> For adding a caption/annotation to the <figure>. Must be inside a <figure> element—cannot stand alone.
<audio autoplay loop muted controls> For embedding sounds into a website.
  • autoplay will hint the audio to start automatically.
  • loop triggers whether the audio should repeat or not.
  • muted can be added to not play sound by default.
  • controls shows or hides the browser’s player buttons.