Articles → HTML 5 → Header And Footer In Html5

Header And Footer In Html5








Sample Code


	<!DOCTYPE html>
	<html>
		<head>
			<title>Header and footer sample</title>
		</head>
		<body>
			<article>
				<header>
					<h1>Article on global warming</h1>
				</header>
				<section>
					<h2>Subheading 1</h2>
					<p>Content 1</p>
				</section>
				<section>
					<h2>Subheading 2</h2>
					<p>Content 3</p>
				</section>
				<section>
					<h2>Subheading 3</h2>
					<p>Content 3</p>
				</section>
				<footer>© gyansangrah.com. All rights reserved</footer>
			</article>
		</body></html>



Output


Picture showing the output of header and footer in html5

Click to Enlarge


Browser Support


Internet ExplorerFirefoxChromeSafariOperaEdge
9.04.06.05.011.1Yes



Video





Posted By  -  Karan Gupta
 
Posted On  -  Saturday, February 6, 2016
 
Updated On  -  Friday, January 4, 2019

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250