HTML5 > Structures

Navigation in HTML5

How to keep Navigations links on the page in HTML 5?

To place navigational link on the page, we use <nav> tag. Please note that this is not used to keep any hyper link of the page but only to those links that is intended for major navigation or repetitive in nature like main menu links at the top or  side links etc.

        <a href="/" title="Home">Home</a> | <a href="/articles/"
            title="Articles">Articles</a> | <a href="/forums/" title="Forums">Forums</a> | <a
                href="/Interview" title="Interview">Interview</a>
    <hr />
    <h1>ASP.NET Articles</h1>
        <h1>GridView articles</h1>
        <p>Description of all GridView articles</p>
        <!-- article footer -->
        <footer>posted by: Sheo Narayan</footer>
        <h1>Authentication & Authorization articles</h1>
        <p>Description of all Authentication & Authorization articles</p>
        <!-- article footer -->
        <footer>posted by: Sheo Narayan</footer>
    <!-- website footer -->
        <a href="/contactus.aspx">Contact us</a> | <a href="/aboutus.aspx">About us</a> |

As like previously explained tags, <nav> tag doesn't have any user interface effect. This is simply a logical division of the page.


 Views: 929 | Post Order: 59

Write for us