¿El uso correcto de las listas?

[eduardobrutaldeath]

Hola

Tengo una sección llamada PREGUNTAS FRECUENTES, y una de las preguntas es la clásica 'Por qué tener una web'... En la definición se enumeran 5 razones fundamentales (una en cada línea), mi duda es si debo poner esas razones en listas ordenadas o no. Este es el código :

Código HTML:

<ARTICLE>
 <H1>¿POR QUÉ TENER UNA WEB?</H1>
 
 <P>
  <OL>
   <LI>POR ESTO</LI>
   <LI>POR AQUELLO</LI>
   <LI>ADEMÁS</LI>
   <LI>POR ESTO TAMBIÉN</LI>
   <LI>Y NO OLVIDES ESTO</LI>
  </OL>
 </P>
</ARTICLE>
 

Al inicio estaba haciéndolo sin listas, dentro del párrafo puse todo el texto y cuando quería saltar una linea ponía un BR, pero luego recordé que no es bueno usar tantos BR, pero también leí que las listas se usan para poner listados de palabras cortas, o sea por ejemplo : Tomates, plátanos, lechugas, etc. Pensé en usar también el NL2BR pero esa función se usa por lo general para la TEXTAREA, así que no sé...

[hackjose]

Para empezar ol/ul no pueden ser hijos de <p>, asi que hay que quitar el elemento <p>

Despues, todo el contenido del <article> pienso que no es ideal para redifusion

Por que pienso eso?
Imagina que esa pregunta la compartes via rss, quien va a querer esa pregunta? NADIE por eso dicha pregunta no es ideal para redifusion, por lo tanto quita el <article>

Lo ideal es que uses el elemento <dl> <dt> y <dd>

Código HTML:

<dl>
<dt>pregunta A</dt>
<dd>respuesta 1</dd>
<dd>respuesta 2</dd>
<dd>respuesta 3</dd>
<dd>respuesta 4</dd>
<dt>pregunta B</dt>
<dd>respuesta 1</dd>
<dd>respuesta 2</dd>
<dd>respuesta 3</dd>
<dd>respuesta 4</dd>
</dl>
 

Saludos

[eduardobrutaldeath]

Iniciado por hackjose

Para empezar ol/ul no pueden ser hijos de <p>, asi que hay que quitar el elemento <p>

Despues, todo el contenido del <article> pienso que no es ideal para redifusion

Por que pienso eso?
Imagina que esa pregunta la compartes via rss, quien va a querer esa pregunta? NADIE por eso dicha pregunta no es ideal para redifusion, por lo tanto quita el <article>

Lo ideal es que uses el elemento <dl> <dt> y <dd>

Código HTML:

<dl>
<dt>pregunta A</dt>
<dd>respuesta 1</dd>
<dd>respuesta 2</dd>
<dd>respuesta 3</dd>
<dd>respuesta 4</dd>
<dt>pregunta B</dt>
<dd>respuesta 1</dd>
<dd>respuesta 2</dd>
<dd>respuesta 3</dd>
<dd>respuesta 4</dd>
</dl>
 

Saludos

Puse el ARTICLE y el H1 para el posicionamiento

¿Me explicas por qué UL y OL no pueden ser hijos de P?

[hackjose]

Se supone que ofreces crear webs y tu propia web esta mal.
Seguro que hay otras formas de mejorar el posicionamiento.

Y en cuanto a lo de ol/ul/p

ul/ol no pueden ser hijos de <p> porque la documentación oficial asi lo establece
w3.org/TR/html5

saludos

[eduardobrutaldeath]

Iniciado por hackjose

Se supone que ofreces crear webs y tu propia web esta mal.
Seguro que hay otras formas de mejorar el posicionamiento.

Y en cuanto a lo de ol/ul/p

ul/ol no pueden ser hijos de <p> porque la documentación oficial asi lo establece
w3.org/TR/html5

saludos

Tampoco exageres, no creo que esté mal poner en un artículo un título en H1 y en el párrafo la descripción. Pásame la url de una página que hayas hecho y seguro encuentro errores de maquetación

Lo de :
'UL no puede ser hijo de P'
eso sí no lo sabía, pero bueno, cada día se aprende algo nuevo

En lo que sí estoy recapacitando es en que, a partir de ahora no sólo me voy a concentrar en el diseño y la programación sino también en el SEO, en eso estoy verde, empezaré a estudiar

[pzin]

Antes de SEO es imprescindible aprender semántica web, que es de lo que trata este hilo. Ya cuando hayas aprendido sobre semántico, automáticamente ya harás buen SEO.