Sind <hr> und <br> Inline- oder Blockelemente?

Question

Meine Vermutung ist, dass <br> inline sein könnte und dass <hr> blockieren könnte. Aber ich habe wirklich keine Ahnung ...

Answer 1

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

Zusätzliche Referenz:

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

Answer 2

Das HR Element definiert ist Element block zu sein. Es wird auch in einer eigenen Zeile wie jede andere block element angezeigt. Somit ist HR ein Blockelement.

Das Element BR ist als Element von special definiert, das als inline definiert ist. Es wird auch nicht wie ein Blockelement angezeigt, sondern erzeugt nur einen Zeilenumbruch. Somit ist BR ein Inline-Element.

Answer 3

BR ist ein Inline-Element und wurde in XHTML 2 zugunsten von LINE veraltet. (Alle akademischen an dieser Stelle, natürlich ...)

HR war ein Blockelement, wurde aber in HTML 4.01 veraltet und ist nicht Teil der XHTML 1.0 Strict DTD.

Answer 4

Nach der HTML 4.0 Strict DTD:

<HR /> ist ein Blockelement und <BR /> ist ein Inline-Element.

alle Block-Elemente sind in der DTD definiert so:

<!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"> 

Der Rest sind inline standardmäßig. Natürlich erzwingt ein BR einen Zeilenumbruch, der ähnlich einem Blocklevel-Element wirkt, aber das bedeutet nicht, dass es so ist.

Answer 5

HR ELEMENT Veraltetes Element: Es wird nicht empfohlen, es zu verwenden und kann nicht unter der Erklärung der strikten Übereinstimmung verwendet werden. Blockelement: Es gibt vertikalen Abstand vor und nach dem Element. Leeres Element: Es gibt nur ein Tag:

---

. In diesem Element ist kein End-Tag oder Textkörper enthalten.

BR ELEMENT Inline-Element: Es wird dort platziert, wo es sein muss, innerhalb des Textkörpers. Tehre ist kein vertikaler Raum davor und danach. Leeres Element.

Answer 6

Jahre später ... HR selbst ist ein Teil von HTML5, aber mit mehr Nachdruck darauf, dass es ein semantisches und kein Layoutelement ist. Also benutze es weiter, aber gestalte es mit CSS.