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. |
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>. |
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.
|