¿Están <hr> y <br> elementos en línea o en bloque?

Question

Supongo que <br> podría estar en línea y que <hr> podría ser un bloqueo. Pero realmente no tengo ni idea ...

Answer 1

<hr> is a block level element. Y <br> is an inline level element.

referencia adicional:

• The HTML5 specification for <hr> by the W3C
• The HTML5 specification for <br> by the W3C

Answer 2

El elemento HR se define para ser elemento de block. También se muestra en su propia línea como cualquier otro block element. Por lo tanto, HR es un elemento de bloque. El elemento BR se define como elemento de special y se define como inline. Tampoco se muestra como un elemento de bloque, sino que simplemente crea un salto de línea. Por lo tanto, BR es un elemento en línea.

Answer 3

BR es un elemento en línea, y ha quedado obsoleto en XHTML 2 a favor de LINE. (Todo académica en este punto, por supuesto ...)

HR era un elemento de bloque, pero está desfasada y en HTML 4.01 y no es parte de la XHTML 1.0 Strict DTD.

Answer 4

Según la HTML 4.0 Strict DTD:

<HR /> es un elemento en bloque y <BR /> es un elemento en línea.

Todos los elementos a nivel de bloque se definen en la DTD así:

<!ENTITY % block 
    "P | %heading; | %list; | %preformatted; | DL | DIV | NOSCRIPT | 
     BLOCKQUOTE | FORM | HR | TABLE | FIELDSET | ADDRESS"> 


<!ENTITY % heading "H1|H2|H3|H4|H5|H6"> 

<!ENTITY % list "UL | OL"> 

<!ENTITY % preformatted "PRE"> 

el resto son inline por defecto. Por supuesto, un BR fuerza un salto de línea, por lo que actúa de manera similar a un elemento de nivel de bloque, pero eso no significa que lo sea.

Answer 5

ELEMENTO HR Elemento obsoleto: no se recomienda el uso y no se puede usar bajo la declaración de conformidad estricta. Elemento de bloque: hay espacio vertical antes y después del elemento. Elemento vacío: solo hay una etiqueta:

---

. No hay una etiqueta final o cuerpo de texto contenido por este elemento.

BR ELEMENT Elemento en línea: Se coloca donde debe estar, dentro del cuerpo del texto. Tehre no es un espacio vertical antes y después. Elemento vacío.

Answer 6

Años después ... La propia HR es una parte de HTML5 pero con más énfasis en que es un elemento semántico y no de diseño. Así que sigue usándolo, pero ajústelo con CSS.