All About the Header Tag
![HTML HTML](https://lh4.googleusercontent.com/-B4Ca1o8NOAY/UeiUX0K8a4I/AAAAAAAAAXE/WyyhvO44zMU/h120/htmlLogo.png)
Currently, "sectioning content" are the following elements: article, aside, nav and section. "sectioning roots" elements are: blockquote, body, details, dialog, fieldset, figure and td. In essence, it can be used multiple times.
A sample would look like this:
<body>
<header>
<h1>Welcome to ABC Farm..</h1>
Search site: <input type="text" name="searchname">
<nav>
<ul>
<li><a href="/">Organic Seeds</a>
<li><a href="/">Organic Vegetables</a>
<li><a href="/">About</a>
</ul>
</nav>
</header>
</body>
Please note that the header element cannot be nested and cannot be contained inside a footer or address element. Although header can be used in many places, it is important not to overuse it.
![](http://1.bp.blogspot.com/-xe7RJ_CImbQ/Uh7PAw3zkNI/AAAAAAAAAYM/QZxgXER83n0/s1600/digg.png)
![](http://2.bp.blogspot.com/-qU9hOSgAAGg/Uh7PBkw5nXI/AAAAAAAAAYg/F3RH2FdUcUM/s1600/tech.png)
![](http://2.bp.blogspot.com/-SIE_cDNZwJo/Uh7QZns3f9I/AAAAAAAAAY8/_RgdI2_Yjuc/s1600/delicious.png)
![](http://3.bp.blogspot.com/-_SeXttyPxVw/Uh7PBUZ_xSI/AAAAAAAAAYY/WNUWXOgi9ZA/s1600/stumble.png)
![](http://4.bp.blogspot.com/-2L7TvTK8Spo/Uh7PBNnVSUI/AAAAAAAAAYc/wDUiY4QNFt0/s1600/red.png)
![](http://4.bp.blogspot.com/-7BJsLYGlmFs/Uh7PA66dlKI/AAAAAAAAAYI/YLZgf4eDolE/s1600/fb.png)
![](http://2.bp.blogspot.com/-AAPfGKZ58CE/Uh7PA1IFwAI/AAAAAAAAAYw/hu9jFLzr61Q/s1600/pin.png)
No comments :
Post a Comment