Semantic tags taught by CodeAcademy, and their uses
Name |
Example in Code |
Usage |
Header |
<header>Observe my amazing banner!</header>
|
Top header content such as logos or banners |
Nav |
<nav>Live Links Here!</nav>
|
Navigation bars and links, generally (but not always) up top
|
Section |
<section>As you can see this is distinct from the previous
section</section>
|
Defines a section of a webpage, much like
<div>
|
Article |
<article>An Exploration of Primate Behavior Upon Visual Stimulation:
in this essay, do monkey do as monkey see?</article>
|
Denotes specific content that makes sense on its own |
Figure |
<figure><img
src="https://m.media-amazon.com/images/I/517r-1LZfgL.jpg"
/></figure>
|
Content such as images or media |
Figcaption |
<figure><figcaption>A cat making it through hardships</figcaption></figure>
|
Provides a caption directly adjacent to its parent figure
|
Aside |
<aside>Incidentally, spider monkeys were excluded from testing
because all our researchers have arachnaphobia</aside>
|
Content meant to be supplement a main article or section
|
Footer |
<footer>Copyright Solid Snake Inc. 20XX</footer>
|
The bottom of a webpage, usually authorship and copyright
information
|