| type |
content |
super-big-text |
**Semantics map-out**
|
|
|
| type |
content |
big-text |
## 1 Content elements
- Heading
- List
- Image
- Paragraph
|
|
| type |
image |
image |
content.jpg |
|
| type |
content |
big-text |
## 2 Heading elements
*Each number denotes a sub-heading of the heading above.*
`<h1>` `<h2>` `<h3>` `<h4>` `<h5>` `<h6>`
|
|
| type |
image |
image |
headings.jpg |
|
| type |
content |
big-text |
## 3 List elements
`<ul>` — Unordered list
<br>` <li>` — Each individual item inside
`<ol>` — Ordered list
<br>` <li>` — Each individual item inside
`<dl>` — Description list
<br>` <dt>` — The item title
<br>` <dd>` — The item description
|
|
| type |
image |
image |
lists.jpg |
|
| type |
content |
big-text |
## 4 Image elements
`<img>`
<br>— A visual image
`<figure>`
<br>— An image with a caption, wraps an image
`<figcaption>`
<br>— The descriptive text inside a figure
|
|
| type |
image |
image |
images.jpg |
|
| type |
content |
big-text |
## 5 Quote elements
`<q>` — Small quotes inside other text
`<blockquote>` — Large, stand-alone quotes
`<cite>` — The source of the quote
|
|
| type |
image |
image |
quotes.jpg |
|
| type |
content |
big-text |
## 6 Text level elements
`<em>` — Emphasis
`<strong>` — Lots of emphasis
`<b>` — A keyword
`<i>` — Another language, technical term, title
|
|
| type |
image |
image |
text-level.jpg |
|
| type |
content |
big-text |
## 7 Link elements
`<a>` — A clickable hyperlink
|
|
| type |
image |
image |
links.jpg |
|
| type |
content |
big-text |
## 8 Document elements
`<header>` — The most important information
<br>`<nav>` — The navigation for the page
<br>`<main>` — The primary content
<br>`<article>` — A chunk of unique content
<br>`<aside>` — Secondary information
<br>`<footer>` — The least important information
|
|
| type |
image |
image |
document.jpg |
|
| type |
content |
big-text |
## 9 Extra elements
`<data>` — Some numerical, computer information
`<time>` — A date or time
`<small>` — Fine print, copyright notice
|
|
| type |
image |
image |
extra.jpg |
|