HTML5 footer element

The footer element is usally appear in the end of document and typically contains information about the doucment such as copyright information and links to related resources.
ExampleHTML5 footer for document
Source Code Expand

<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title></title>
	
</head>

<body>
	<footer>				
		<nav>
			<h3>About</h3>
			<ul>
				<li><a href="#">Who we are</a></li>
				<li><a href="#">What we do</a></li>
				<li><a href="#">Why us?</a></li>
			</ul>
		</nav>
		<p>some copyright info here</p>
	</footer>	
</body>

</html>




Footer element can aslo be used in the <article>.
ExampleHTML5 footer for article
Source Code Expand

<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title></title>
	
</head>

<body>
	<article>
		<header>
			<h1>What`s new in HTML 5</h1>
		</header>
		<p>HTML5 provides serveral new features...</p>	
		<footer> 
		  <p>Created <time datetime="2013-01-01T19:00-06:00">on 2013/01/01 7:00pm</time></p>
		</footer>
	</article>
	
	<article>
		<header>
			<h1>HTML 5 introduction</h1>
		</header>
		<p>Welcome to HTML 5 world</p>	
		<footer> 
		  <p>Created <time datetime="2013-01-01T19:00-06:00">on 2013/01/01 7:00pm</time></p>
		</footer>
	</article>
</body>

</html>


comments powered by Disqus