Semantic Elements: HTML Class Notes

Mobiprep has created last-minute notes for all topics of HTML to help you with the revision of concepts for your university examinations. So let’s get started with the lecture notes on HTML.

1. HTML Introduction

2. HTML Tags and Elements

3. Attributes and Hyperlinks

4. Headings and Lists

5. Class and id attributes

6. Semantic Elements

7. Inline and Block-Level Elements

8. Div and Span

9. Img

10. Tables

11. Forms

Our team has curated a list of the most important questions asked in universities such as DU, DTU, VIT, SRM, IP, Pune University, Manipal University, and many more. The questions are created from the previous year's question papers of colleges and universities.

1. What are Semantic Elements in HTML?

2. Differentiate between semantic and non-semantic elements in HTML.

Semantic Elements

Question- 1) What are Semantic Elements in HTML?

Answer: A semantic element clearly describes its meaning to both the browser and the developer.

Examples of non-semantic elements: <div>and <span> - Tells nothing about its content.

Examples of semantic elements: <form>, <table>, and <article> - Clearly defines its content.

Because semantic HTML uses elements for their given purpose, it's easier for both people and machines to read and understand it.

---

Question- 2) Differentiate between semantic and non-semantic elements in HTML.

Answer: Semantics-Elements has meaning.Describes its meaning to browser and developer.

Example-

<article>
<section>
<header>
<footer>
<nav>
<aside>
<time>

Elements has no meaning called non-semantic elements.

Example-

<div>
<span>

---

Previous: Class and id attributes

Next: Inline and Block-Level Elements