When creating the HTML5 spec, analysis was done and determined that one of the most used elements was <div id="nav">
or <div id="navigation">
. With HTML5 there's no more need for that. Instead we have the semantically rich <nav>
. Now let's get to work styling it.
Let's examine how the http://css3maker.com site uses the new semantically rich <nav>
element.
If we view the source of the homepage, we'll find this snippet:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS3.0 Maker | CSS3.0 Generator | CSS 3.0 Generator </title> <link href="style/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/CreateHTML5Elements.js"></script> </head> <body> <div class="main_wrapper"> <nav> elementstyling<div id="wrapper"> <nav class="clearfix">...