HTML-CSS/exp34StructuralTags.html at main · sudeepnagar/HTML-CSS · GitHub

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
39
40
41
42
43
44
<!-- example header, nav, main, section, article, aside, footer  tags(these are called structural tags)-->
<DOCTYPE html>
<html lang="en">
         <head>
         <title> my 34th web page</title>
		 <link rel="icon" href="id.png"/>

		 </head>

		 <body>
		      <h3> demo on structural tags<h3>


                <header>
                   place here logo, name, login, searchbox, date&time, social media links, cart icon .......
                </header>

				<nav>
				  place here hyperlinks(menu items)
				</nav>
				<main>
				    <section>
					   place here content
					</section>

					<article>
					   place here news articles, forums, blog posting, comments.......
					</article>

					<aside>
					  place here sub content, promos/ads
					</aside>
				</main>

				<footer>
				   place here contact details, terms&conds, sm(social medial) links, copy rights, google maps ...........
				</footer>

		 </body>
		 </html>


		 <!-- these are the alteranate of div tag for different different purpose    -->