HTML Semantic Elements
HTML
Semantic element describes it purpose. Semantic elements in HTML are elements that clearly describe their meaning to both the browser and the developer. This makes HTML code more understandable, maintainable, and accessible.
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>.