semantic-markup

<ul class="mainMenu"> <li><a href="#">Home</a></li> <li><a href="#">Forum</a></li> <li><a href="#" class="mainSelected">Construct</a></li> <li><a href="#">Arcade</a></li> <li><a href="#">Manual</a></li> </ul> <ul class="subMenu"> <li><a href="#">Homepage</a></li> <li><a href="#">Construct</a></li> <li><a href="#" class="underSelected">Products</a></li> <li><a href="#">Community Forum</a></li> <li><a href="#">Contact Us</a></li> </ul> Is it more semantically correct to have a <nav> around both these <ul> individually, or should one nav wrap both? Also would it be appropriate to use the nav tag

I read about semantic HTML online... Semantic HTML means using HTML tags for their implied meaning, rather than just using (meaningless) div and span tags for absolutely everything. If you use <h1> instead of <div class="header"> , and <h2> instead of , et cetera, Google and other search engines will interpret your headers as being important titles in your page. This way, when people search on the words in your headers and sub-headers, your page will be considered more relevant (and rank higher). Plus, it's much shorter and cleaner. So, below is semantic, <h1>My Website Name</h1> <h2>My

Is there any authoritative information on the web concerning which HTML element to chose for an advertisement banner? I considered <article> or <aside> , but I think more appropriate is simply: <div class="ad"> In most cases I'd use the aside element : The element can be used for […] for advertising , […] and for other content that is considered separate from the main content of the page. As the aside element is a sectioning element, it creates an entry in the document outline, even if you don't use a heading explicitly. In most cases this would be what you want. If you don't host the ad