https://stackoverflow.com/questions/1103594
-
12-09-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPregunta
Me he estado preguntando si puedo usar <p> </p> (solo espacio en el párrafo) en lugar de <br />
Porque me encanta mantener mi código semántico y pensó que si esto es correcto me ha estado molestando por un tiempo. He visto a los editores de Wysiwsg (TinyMCE) usar esto, pero aún así prefiero preguntar y hacerlo mal.
Solución
¿Qué hay de malo en usar los márgenes de los párrafos para el espacio vertical?
<p>Hello World</p>
<p>This is much cleaner than using empty tags with non-breaking spaces.</p>
Otros consejos
Eso no es "semántico", un párrafo vacío es algo que más o menos no pueden existir, semánticamente. No contiene información, es decir, no hay contenido semántico. Todo lo que hace es cambiar el diseño visual, es decir, la presentación.
Estás mucho mejor usando el estilo para cambiar los márgenes, los bordes o el acolchado para lograr el efecto que buscas.
La forma correcta de hacerlo es con CSS: use el margin-top o margin-bottom.
<p> </p> es bastante horrible ... prefiero ver <br> que eso (aunque puede ser menos "correcto").
u003Cp>u003C/p>no es semántico, así que no sé cómo te ayuda.
Debe establecer el espacio entre los párrafos con CSS.
Abogo por envolver elementos en etiquetas de nivel de bloque, como divarena ps. De esta manera tampoco necesito. Si desea espaciar elementos, debe usar márgenes. De todos modos, puedes ser más preciso con los márgenes.
En una situación en la que te obligan a tener un descanso de línea, usaru003Cbr /> :, a diferencia de las etiquetas de párrafo vacío, en realidad lo hace significar 'Line Break'. Sin embargo, casi siempre hay una mejor manera de hacer las cosas.
Es HTML. Puedes usar lo que quiera, siempre y cuando estés seguro de que renderizará la forma en que querías en todos los navegadores que usarás. No entiendo a qué te refieres con "mantener mi código semántico", así que no estoy seguro de con cuál es tu problema <br> es. Pero si estás hablando de formatear y tal, recurre a CSS.
