HTML Semantic Elements
Describe the purpose of the elements
Element names are easily readable and understandable in human language.
Semantic elements are also mostly to be readable to machine.
Learning with HTML Editor "Try it Now"
You can edit the HTML code and view the result using online editor.
Example
<!DOCTYPE html>
<html>
<!-- Example: Semantic elements -->
<head>
<title>Page Title Semantic elements</title>
</head>
<body>
<h1>Example Semantic elements</h1>
<section>
<h2>Introduction</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s</p>
</section>
<section>
<h2>Criteria</h2>
<p>When an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</section>
</body>
</html>
Click on the "Try it Now" button to see how it works.
Some of the Semantic elements are:
<article>
,
<aside>
,
<details>
,
<figcaption>
,
<figure>
,
<footer>
,
<form>
,
<header>
,
<main>
,
<nav>
,
<section>
,
<summary>
,
<table>
,
<time>
.