Diferencia entre <p> y <div>

[Jesus Mota Sanchez]

Tras realizar las actividades del proyecto de la sección de HTML me ha surgido una duda sobre como debo maquetar correctamente una serie de elementos.

Si tengo un pequeño formulario en el que quiero agrupar 3 inputs y me surge la duda de si agrupar los elementos de su interior, ¿Cómo debería agrupar los elementos si quiero separarlos por secciones?

¿Mediante una etiqueta '<div>'?

<form action="#" method="post">

<div id="datos_personales">

   <label for="nombre" />Nombre</label><input type="text" id="nombre />
   <label for="apellidos" />Apellidos</label><input type="text" id="apellidos />
   <label for="DNI" />DNI</label><input type="text" id="dni />
</div>

</form>

o... ¿Mediante una etiqueta '<p>'?

<form action="#" method="post">

<p id="datos_personales">

   <label for="nombre" />Nombre</label><input type="text" id="nombre />
   <label for="apellidos" />Apellidos</label><input type="text" id="apellidos />
   <label for="DNI" />DNI</label><input type="text" id="dni />
</p>

</form>

Tengo ligeras nociones sobre lo que he buscado que la diferencia es semántica, pero no acabo de ver dicha diferencia, cuando podría usar una y cuando podría usar otra.

Muchas gracias y espero que alguien pueda ayudarme.

[iDESWEB UA]

Hola.

 

La etiqueta <p> representa un párrafo, la etiqueta <div> no representa nada, es simplemente un agrupamiento.

 

Te recomiendo la lectura de este artículo, quizás te aclare la diferencia y el problema:

 

http://csscreator.com/divitis

 

Un saludo.