HTML 标签类型
HTML 中的标签默认可以分为两种类型:block
(块)和inline
(行内)。
block
块级元素占据父元素的整个宽度,默认情况下,即使上一行有空间,块元素也会另起一行。
块级元素设置 width
和 height
是有效的,也可以设置 padding
和 margin
,但即使设置了宽度,也仍然是独占一行。
HTML5 的块级元素如下:
address
、article
、aside
、audio
、blockquote
、canvas
、dd
、dl
、div
、p
、fieldset
、figcaption
、figure
、footer
、header
、form
、h1~h6
、hr
、hgroup
、noscript
、ol
、output
、pre
、section
、table
、tfoot
、ul
、video
inline
一个行内元素只占据它对应标签的边框所包含的空间,默认情况下,行内元素不会以新行开始。
b
、big
、small
、tt
、i
、abbr
、acronym
、cite
、code
、dfn
、em
、kbd
、strong
、samp
、var
、a
、bdo
、br
、img
、map
、object
、q
、script
、span
、sub
、sup
、button
、input
、label
、select
、textarea
inline-block
行内块元素简单来说就是将对象呈现为 inline 对象,但是对象的内容作为 block 对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个 link(a 元素)inline-block 属性值,使其既具有 block 的宽度高度特性又具有 inline 的同行特性。