Otimizando layout!

[mkboy 1]

Poderiam me explicar o funcionamento esse trecho (copiei to site tableless)

<div id="menu"> <h3>Product Families</h3> <ul> <li><a href="#">Windows</a></li><li><a href="#">Office</a></li><li><a href="#">Servers</a></li><li><a href="#">Developer Tools</a></li><li><a href="#">Business olutions</a></li><li><a href="#">Games & Xbox</a></li><li><a href="#">MSN</a></li><li><a href="#">Windows Mobile</a></li><li><a href="#">All Products</a></li> </ul> <h3>Product Resources</h3> <ul> <li><a href="#">Downloads</a></li><li><a href="#">Windows Update</a></li><li><a href="#">Office Update</a></li><li><a href="#">Security</a></li><li><a href="#">Communities</a></li><li><a href="#">Support</a></li><li><a href="#">Learning Tools</a></li><li><a href="#">Events & Webcasts</a></li> </ul> <h3>Microsoft.com Worldwide</h3> <ul> <li><a href="#">Countries & Regions</a></li> </ul> <a href="#"><img src="imagens/promo_OfficeSP1.gif" alt="SP1 for Office 2003" /></a> </div>

[Butensal 0]

Poderiam me explicar o funcionamento esse trecho (copiei to site tableless)

 

 

<div id="menu">  <h3>Product Families</h3>  <ul><li><a href="#">Windows</a></li><li><a href="#">Office</a></li><li><a href="#">Servers</a></li><li><a href="#">Developer Tools</a></li><li><a href="#">Business olutions</a></li><li><a href="#">Games & Xbox</a></li><li><a href="#">MSN</a></li><li><a href="#">Windows Mobile</a></li><li><a href="#">All Products</a></li>  </ul>  <h3>Product Resources</h3>  <ul><li><a href="#">Downloads</a></li><li><a href="#">Windows Update</a></li><li><a href="#">Office Update</a></li><li><a href="#">Security</a></li><li><a href="#">Communities</a></li><li><a href="#">Support</a></li><li><a href="#">Learning Tools</a></li><li><a href="#">Events & Webcasts</a></li>  </ul>  <h3>Microsoft.com Worldwide</h3>  <ul>	  <li><a href="#">Countries & Regions</a></li>  </ul>  <a href="#"><img src="imagens/promo_OfficeSP1.gif" alt="SP1 for Office 2003" /></a>	</div>

<{POST_SNAPBACK}>

Bom cara, parece um simples menu <h3></h3> é um cabeçalho <ul></ul> é um lista não-ordenada... e <li><li> eh item de lista... <a></a> links...

eh isso ae.. num entendi direito o que você quiz dizer como funcionamento...

[_ nEoN _ 0]

isso'me parece ser um menu lateral

[Leandro Vieira Pinho 0]

Além de ser um menu o mesmo está semânticamente correto. O que de fato é muito importante.