¿Es necesario ajustar la navegación (etiqueta ul) en la etiqueta div o nav?

Question

he visto algunas personas se envuelven su navegación (<ul> etiqueta) dentro de un <div>, y los <div> acaba de propiedades CSS margen/relleno que se le aplica.

Podemos simplemente diseñar la navegación sin un <div> y poner el margen y el relleno en la etiqueta <ul>. Por lo que es necesario para poner la etiqueta en el interior del <ul><div>, o es sólo preferencia personal/favorecen?

Y para HTML5 que se ha implementado en algunos navegadores, ¿es necesario poner la etiqueta <ul> utilizada para la navegación en una etiqueta <nav>?

Me gusta p. el Smashing HTML5 demo page.

Answer 1

No, no es necesario, pero depende del diseño. El <div> proporciona más controlador sobre el posicionamiento de los segmentos del documento, por lo que probablemente solo estén utilizando div para ese fin.

Answer 2

Si está produciendo HTML5 y no le molesta trabajar con la falta de soporte de Internet Explorer para los nuevos elementos en HTML5, debe ajustar su navegación en un elemento <nav>.

(Al igual que usted debe envolver sus párrafos de un elemento <p> - eso es lo que el marcado es decir, que describe el contenido envolviéndolo con las etiquetas.)

Como para envolver su lista de navegación en un <div>, usted no tiene a, pero a menudo es útil para fines de diseño.

Answer 3

No, ciertamente no es necesario para envolver una navegación <ul> con un <div> externo. En la mayoría de los casos que he visto, la gente lo usa solo porque tienen el hábito de envolver todo en un div (divitis).

Sin embargo, en algunos casos, llega a ser necesario para envolver un div en torno a una lista de navegación. Por ejemplo, cuando desea aplicar varios fondos, uno en el div y el otro en el ul, controlado, acolchado/marginado, por su cuenta.

Un div adicional también se puede utilizar para estructurar el documento correctamente.

En cuanto a la etiqueta HTML5 <nav>, pensar en él define como semánticamente esa parte de su código, por lo que cualquiera que lea el código - ya sea humano o robot (robot de búsqueda, por ejemplo) - se puede saber exactamente que la parte interior de <nav> la etiqueta va a ser (o al menos supuesta) navegación, no importa si la navegación se logra a través del <ul> o simplemente es simple de enlaces simples separados por el símbolo de tubería |.