块元素和内联元素

Author Avatar
Ninefire 6月 06, 2018
  • 在其它设备中阅读本文章

块元素

  • div就是一个块元素
    所谓的块元素就是会独占一行的元素,无论它的内容多与少,不管它的尺寸大与小,它都会独占一行。
  • 常见的块元素:divph1h2h3······

PS:div标签没有任何语义,就是一个纯粹的块元素,相当纯粹,且不会为它包裹的子元素设置任何默认样式,div元素主要用来进行页面布局。


内联元素

  • span就是一个内联元素(行内元素)
    所谓的内联元素就是只占用自身大小的元素,不会独占一行。
  • 常见的内联元素:spanaimgiframe ······

PS:span标签没有任何语义,就是一个纯粹的内联元素,相当纯粹,且不会为它包裹的子元素设置任何默认样式,span标签专门用来选中文字,以便为文字设置样式。


注意

  • 块元素只用来页面布局。
  • 内联元素主要用来选中文本设置样式。
  • 一般情况下只使用块元素去包含内联元素,而不会使用内联元素去包含块元素。
  • a元素可以包含任意元素,除了它本身。
  • p元素不可以包含任何块元素。

提示:在HTML5中,块元素和内联元素几乎被去掉了,而使用了极其复杂的内容模型来描述,作为初学者的我们使用以上概念即可。

如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/HTML&CSS.basics/09.html