HTML5 <footer> Tag
Introduction to HTML5 <footer> Tag
HTML5 का <footer> tag किसी webpage, article या section का footer define करता है। Footer किसी article या webpage का सबसे आखिरी section होता है। <footer> tag अपने parent tag (article आदि) के बारे में जरुरी information represent करता है।
आम तौर पर <footer> tag के द्वारा निचे दी गयी information represent की जाती है।
- लेखक के बारे में जानकारी
- Copyrights के बारे में जानकारी
- Privacy policy, terms of use आदि pages की links
- दूसरे सम्बंधित pages की links
- Contact information आदि
किसी article का footer define करने के लिए आप <footer> tag को <article> element के अंदर define करते है। किसी section का footer define करने के लिए <footer> tag को <section> element में define किया जाता है। उसी प्रकार किसी webpage का footer define करने के लिए इसे </body> tag से पहले define किया जाता है।
<footer> tag को update करके वापस HTML5 specification में include किया गया है। शुरुआत में जब इस tag को introduce किया गया तो इसमें बहुत limited content को add किया जा सकता था। Headings और navigational links जैसी information <footer> tag में allowed नहीं थी।
कुछ समय बाद <footer> tag के content model को change करके इसे वापस introduce किया गया। अब इस tag में आप heading, navigation links और <header> tag को भी define कर सकते है। अब ये tag <header> tag की तरह ही काम करता है।
एक HTML document में कई <footer> elements define किये जा सकते है। इसे जिस element के अंदर define किया जाएगा search engines इसे उसी से related information के रूप में treat करेंगे।
Syntax of HTML5 <footer> Tag
<footer> tag का general syntax निचे दिया जा रहा है।
<footer>
//content here
</footer>
<article> element में footer tag को इस प्रकार define किया जा सकता है।
<article>
//Main content here...
<footer>
//footer content here...
</footer>
</article>
<section> tag में <footer> tag को इस प्रकार define किया जा सकता है।
<section>
//Main Content here...
<footer>
//Footer content here...
</footer>
</section>
Attributes of HTML5 <footer> Tag
<footer> tag का कोई element specific attribute नहीं है। ये tag सभी global attributes (id, class आदि) और event attributes (onmouseover, onclick आदि।) को support करता है।
Example of HTML5 <footer> Tag:
<html>
<head>
<title>Footer Tag Example</title>
</head>
<body>
<article>
<h1>Article Heading</h1>
<p>This is an article inside body tag. This article have a footer which is defined by footer tag. Science footer tag is defined inside article tag it is footer of article.</p>
<footer>
<h1>About Author</h1>
This is footer of above article.
</footer>
</article>
<footer>
This is footer of whole webpage as it is not defined in any other element. Here you can provide links to your websites other pages.
</footer>
</body>
</html>
ऊपर दिए गए उदाहरण में 2 footer tags define किये गए है। एक footer tag article के author की information provide करता है। दूसरा footer tag webpage के सन्दर्भ में define किया गया है ये पुरे webpage का footer होता है। ये example निचे दिया गया output generate करता है।
