Buenas noches
Estoy empezando a desarrollar una web y aparecio una duda sobre el elemento nav
Código HTML:
Ver original@font-face
{
font-family: 'Electrolize';
font-style: normal;
font-weight: 400;
src: local('Electrolize'), local('Electrolize-Regular'), url(http://themes.googleusercontent.com/static/fonts/electrolize/v2/DDy9sgU2U7S4xAwH5thnJ4bN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
*
{
font-family: Electrolize;
font-size: 16px;
margin: 0;
padding: 0;
}
#hdrpagina
{
background-color: #0F558E;
height:32px;
line-height: 32px;
text-align: center;
width:100%;
}
#hdrpagina h1
{
color: #fff;
display: inline-block;
font-size: 1em;
font-weight: 900;
}
#hdrpagina input[type="text"]
{
border:none;
border-bottom-left-radius:5px;
border-top-left-radius:5px;
height:1.25em;
width: 170px;
}
#hdrpagina input[type="button"]
{
background-color: #fff;
border:none;
border-left:1px #000 dotted;
border-bottom-right-radius:5px;
border-top-right-radius:5px;
color: #000;
font-weight: 900;
height:1.25em;
margin-left: -8px;
}
#misc
{
margin: 5px 0;
text-align: center;
width: 100%;
}
#misc ul li
{
display: inline-block;
}
#misc li.first
{
width: 33%;
}
#misc li.middle
{
width: 27%;
}
#misc li.last
{
width: 40%;
}
#navpagina
{
margin: 0 auto;
text-align: center;
width: 240px;
}
#navpagina #hdrcat
{
font-size: 1.5em;
}
#navpagina select
{
border-radius: 10px;
border:2px #0F558E solid;
width: 98%;
}
#navpagina select option:nth-child(even)
{
background-color: #ddd;
}
#navpagina select option:nth-child(odd)
{
background-color: #bbb;
}
<input type="text" name="txtbuscar" id="txtbuscar" /> <input type="button" name="btnbuscar" id="btnbuscar" value="Ok" />
<li class="first">Iniciar Sesion
</li><li class="middle">Registrate
</li><li class="last">Haz un Cambio
</li>
Los option enviarian peticiones mediante AJAX y el contenido de la pagina se reemplazaria con el nuevo contenido.
Osea nunca navegaria a otras paginas, incluso los option no me servirian para navegar en la misma pagina(#seccion1, #seccion2)
Como yo lo tengo no obedece a la especificacion que dice que nav contiene los enlaces para navegar a travez del sitio o para navegar en la misma pagina.
Me gusta nav por que hace mi codigo de facil lectura
Que opinan deberia cambiarlo por un section o que otro elemento?
A mi parecer "categorias" y "subcategorias" forman una agrupacion tematica y pues pienso que si estan en el outline sin titulo.
saludos