View video tutorial

HTML Semantic Elements

HTML

Semantic element describes it purpose.

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>
Try it Now »

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