html - hacer - section article div
¿Cuál es la diferencia entre<p> y<div>? (11)
<p> representa un párrafo y <div> representa una ''división'', supongo que la principal diferencia es que los divs son semánticamente ''sin sentido'', donde como <p> se supone que representa algo relacionado con el texto mismo.
No querría haber anidado <p> s, por ejemplo, ya que no tendría mucho sentido semántico (excepto en el sentido de las citas). Mientras que las personas usan <div> s anidadas para el diseño de la página.
De acuerdo con la Wikipedia
En HTML, los elementos span y div se usan cuando partes de un documento no pueden ser semánticamente descritas por otros elementos HTML.
¿Cuál es la diferencia entre <p> y <div>?
¿Se pueden usar indistintamente? ¿Cuáles son las aplicaciones?
''p'' se usa semánticamente para los párrafos de texto, por lo general.
''div'' se usa para un bloque o área en una página web. Por ejemplo, podría usarse para hacer el área de un encabezado.
Probablemente podría usarse de manera intercambiable, pero no debería.
El código anterior era
<p class=''item''><span class=''name''>*Scrambled eggs on crusty Italian ciabatta and bruschetta tomato</span><span class=''price''>$12.50</span></p>
Así que tengo que cambiarlo a
<div class=''item''><span class=''name''>*Scrambled eggs on crusty Italian ciabatta and bruschetta tomato</span><span class=''price''>$12.50</span></div>
Fue la solución fácil. Y el CSS para el código anterior es
.item {
position: relative;
border: 1px solid green;
height: 30px;
}
.item .name {
position: absolute;
top: 0px;
left: 0px;
}
.item .price {
position: absolute;
right: 0px;
bottom: 0px;
}
Entonces, la etiqueta div puede contener otros elementos. P no debería ser forzado a hacer eso.
La única diferencia entre los dos elementos es la semántica. Ambos elementos, de forma predeterminada, tienen la visualización de la regla CSS: bloque (por lo tanto, nivel de bloque) aplicado a ellos; nada más (excepto un margen extra en algunos casos). Sin embargo, como se mencionó anteriormente, ambos son muy diferentes en términos de semántica.
El elemento <p> , como su nombre algo implica, es para los párrafos. Por lo tanto, <p> debe usar cuando desee crear bloques de texto de párrafo.
Sin embargo, el elemento <div> tiene poco o ningún significado semántico y, por lo tanto, se puede utilizar como un elemento genérico de nivel de bloque: lo más común es que la gente lo use en los diseños porque no tiene ningún sentido semántico y puede usarse para todo lo que necesite. un elemento de nivel de bloque para.
Piense en DIV como un elemento de agrupamiento. Coloca elementos en un elemento DIV para que pueda establecer sus alineaciones
Mientras que "p" es simplemente para crear un nuevo párrafo.
Podría ser mejor ver el estándar diseñado por W3.org. Aquí está la dirección: http://www.w3.org/
Una etiqueta "DIV" puede envolver la etiqueta "P", mientras que una etiqueta "P" no puede envolver la etiqueta "DIV"; hasta ahora conozco esta diferencia. Puede haber más otras diferencias.
Tienen una diferencia semántica : un elemento <div> está diseñado para describir un contenedor de datos mientras que un elemento <p> está diseñado para describir un párrafo de contenido.
La semántica hace toda la diferencia. HTML es un lenguaje de marcado que significa que está diseñado para "marcar" el contenido de una manera que sea significativa para el consumidor del marcado. La mayoría de los desarrolladores creen que la semántica del documento son los estilos predeterminados y la representación que los navegadores aplican a estos elementos, pero ese no es el caso.
Los elementos que elija marcar su contenido deben describir el contenido. No marque su documento en función de cómo debería verse, márquelo según lo que sea.
Si necesita un contenedor genérico puramente para fines de diseño luego usa un <div> . Si necesita un elemento para describir un párrafo de contenido, utilice un <p> .
Nota: Es importante entender que tanto <div> como <p> son elementos a nivel de bloque, lo que significa que la mayoría de los navegadores los tratarán de manera similar.
Todas las respuestas son buenas, pero todavía hay una diferencia que no he mencionado, y así los visualizan los navegadores por defecto. Los principales navegadores web mostrarán una etiqueta <p> con margen arriba y debajo del párrafo. Se mostrará una etiqueta <div> sin ningún margen.
Una etiqueta p es para un párrafo, generalmente se usa para texto. Una etiqueta div es para división, y generalmente se usa para crear secciones de texto.
<p> indica un párrafo y tiene un significado semántico.
<div> es simplemente un contenedor de bloques para otro contenido.
Cualquier cosa que pueda ir en un <p> puede ir en un <div> pero el reverso no es verdadero. <div> etiquetas <div> pueden tener elementos de nivel de bloque como secundarios. <p> elementos no pueden.
Echa un vistazo a la DTD HTML .
<!ENTITY % inline "#PCDATA | %fontstyle; | %phrase; | %special; | %formctrl;"> <!ENTITY % block "P | %heading; | %list; | %preformatted; | DL | DIV | NOSCRIPT | BLOCKQUOTE | FORM | HR | TABLE | FIELDSET | ADDRESS"> <!ENTITY % flow "%block; | %inline;"> <!ELEMENT DIV - - (%flow;)* -- generic language/style container --> <!ELEMENT P - O (%inline;)* -- paragraph -->