page - en html, el atributo alt se emplea para
¿Por qué el W3C recomienda envolver los elementos de entrada en las etiquetas<p>? (4)
He visto muchos ejemplos en la web donde los formularios se presentan de esta manera:
<form>
<p><input></p>
</form>
Para mi sorpresa, esto también se describe en la spec :
Cualquier formulario comienza con un elemento de formulario, dentro del cual se colocan los controles. La mayoría de los controles están representados por el elemento de entrada, que de forma predeterminada proporciona un campo de texto de una línea. Para etiquetar un control, se utiliza el elemento de etiqueta; El texto de la etiqueta y el propio control van dentro del elemento de la etiqueta. Cada parte de un formulario se considera un párrafo y, por lo general, se separa de otras partes mediante p elementos. Juntando esto, aquí está cómo se puede pedir el nombre del cliente:
Aunque esta sección no es normativa, todavía me parece que esta es una mala práctica y no semántica. Supongo que el propósito es poner las entradas en su propia línea, pero ¿no debería controlarse la visualización de estos elementos utilizando CSS?
¿Hay alguna razón por la cual el W3C aconseja que los formularios se presenten de esta manera? ¿Me estoy perdiendo de algo?
Esto va para HTML 4, tal vez no para HTML 5 solicitado.
http://www.w3.org/TR/html401/interact/forms.html#edef-FORM
form necesita un elemento de nivel de bloque como hijo. input es un elemento en línea. La p hace el truco.
Los elementos de ENTRADA están en línea, por lo tanto, tiene sentido envolverlos en algún tipo de elemento de bloque, para que haya una separación natural entre ellos. Como el DIV no tiene márgenes por defecto, ¿no tiene sentido usar un párrafo?
Ninguno de los marcos de css / html / grid principales está utilizando etiquetas P
ver aquí bootstrap o foundation
mientras que w3c recomienda usar etiquetas de párrafo <p> , tiene poco o ningún sentido seguir sus consejos. La razón es: te estás restringiendo. Es decir: si escribe sus componentes utilizando etiquetas p , no podrá colocar un div en su interior. Poner <div> dentro de <p> está agregando un extra <p>
Bueno, ¿por qué querrías poner un div dentro de una etiqueta p ? ¿Bueno, por qué no? por ejemplo, usted desea diseñar su contenido de una manera, o agregar alguna información. Usando etiquetas p estás atascado ahora. Parece ser un mal consejo para mí también.
La respuesta:
preocuparse por el estilo una vez que haya resuelto su contenido
tipo de asume que sabes lo que necesitarás en, digamos, 1 año a partir de ahora.
Mi consejo: no quieres ser como
"Desearía no haber usado las etiquetas P restrictivas"
Si está escribiendo un formulario de manera significativa (leída: semántica), deseará que el flujo de texto conduzca al elemento:
<form>
<p><label for="firstName">Please enter your first name:</label><input id="firstName" type="text" /></p>
</form>
Una forma aún mejor es tratar tu forma como un script de locuras:
<form>
<p>Hello. My <label for="firstName">name</label> is <input id="firstName" type="text" />...</p>
</form>
Un elemento p no es la única forma de marcar un formulario. Si se agrega / edita una matriz de datos, es semánticamente válido utilizar una tabla.
En otros casos, es posible que no desee utilizar un elemento de ajuste. Depende de qué contenido quieras servir. Preocúpate por estilizarlo todo después de que hayas resuelto tu contenido.