body元素是块级元素还是内嵌元素？

Question

I've looked on the MDN for any indication whether the HTML body element is a block-level or inline-level element:

Inline Elements / Block-level Elements

Neither of these mentions anything about the body element except:

Block-level elements may appear only within a < body > element.

Answer 1

W3 defined it as a block. http://www.w3.org/TR/html401/struct/global.html#edef-BODY

It is displayed as a block by default. http://www.w3.org/TR/html-markup/body.html

Answer 2

HTML4 classified elements into the "block-level" and "inline" categories.

However, HTML5 doesn't have that notion. Instead, it was moved to CSS: block-level elements and block boxes and inline-level elements and inline boxes .

According to HTML5, the body element belongs to the sectioning root category. And that's all.

However, in Rendering - The page , HTML5 specifies that body should be displayed as a block by default:

 html, body { display: block; } 

Then, according the the definition in CSS, it will be block-level, unless you override that style.

Answer 3

As a rule of thumb (aka. how HTML4 did it): Since it can't just hold text but also block elements, it's a block element.

There are now some exceptions since HTML5 was introduced though, like being allowed to wrap anchors around pretty much anything.