1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38<!DOCTYPE html>
<html>
<head>
<title>Non-Semantic Markup Page</title>
</head>
<body>
<!-- Using non-semantic HTML elements instead of the appropriate semantic ones -->
<div id="header">
<div class="heading">Welcome to our Non-Semantic Markup Page</div>
</div>
<div id="main">
<div class="section">
<div class="sub-heading">About Non-Semantic Markup</div>
<div class="text"><b>Non-semantic HTML</b> is the use of HTML markup for presentation or look rather than to reinforce the semantics, or meaning, of the information in webpages and web applications.</div>
<div class="quote">
Non-semantics is the non-study of meaning.
</div>
</div>
<div class="section">
<div class="sub-heading">Drawbacks of Non-Semantic Markup</div>
<div class="text">
<div>1. Hinders SEO</div>
<div>2. Hampers accessibility</div>
<div>3. Makes the code harder to read and maintain</div>
</div>
</div>
</div>
<div id="footer">
<div class="text">© 2023 Non-Semantic Markup Page</div>
</div>
</body>
</html>