Tengo la siguiente duda sobre el uso de la etiqueta label, se puede utilizar de la siguiente forma o no es recomendable? <code>&lt;label ...

De las dos maneras funciona y son validas. Esta ultima version que usa el profesor, donde el label encierra las otras dos etiquetas te permite obviar la etiqueta for="nombre".

<label for="nombre">Escribe tu nombre</label>
<input type="text" id="nombre"> 

En este caso estas "obligado" o es super super recomendado utilizar el for="nombre" para que cuando hagas clic sobre la frase "Escribe tu nombre" el navegador detecte y se active la casilla del input correspondiente id="nombre" para poder comenzar a escribir.

<label>
	<span>Escribe tu nombre</span>
	<input type="text" id="nombre"> 
</label>

De esta otra forma, creo que vino con HTML5 (casi seguro), al encerrar el input dentro de las etiquetas label, no dependes del for="nombre" para que el navegador detecte y se posicione en el input porque tenes solo un input asociado a ese label. De hecho sino le erro siempre es 1-1 la relación input-label.

Hola, Daniel,

La forma correcta de usarla es de la manera que indica el profesor, recuerda que label debe estar asociado con un input :D