行内元素与块级元素

行内元素与块级元素

HTML4中元素被分为inline（行内元素）和block（块级元素）

• 行内元素：一个行内元素只占据它对应标签的边框所包含的空间。

常见的行内元素有：

• a(超链接或锚)
  b(规定粗体文本)
  span(组合文档中的行内元素)
  img(向网页中嵌入一幅图像)
  strong(定义为语气更强的强调的内容)
  sub(定义下标文本)
  buttton(按钮)
  input（输入框）
  label(为 input 元素定义标注（标记）)
  select(单选或多选菜单)
  textarea(多行的文本输入)
• 块级元素：块级元素占据其父元素（容器）的整个宽度，因此创建了一个“块”。
  常见的块级元素有
  div (定义文档中的分区或节)
  ul(无序列表)
  ol(有序列表)
  li(列表项目,用在有序列表 (ol) 和无序列表 (ul) 中)
  dl (定义列表,结合 dt （定义列表中的项目）和 dd （描述列表中的项目）)
  dt(定义列表中的项目（即术语部分）)
  dd(在定义列表中定义条目的定义部分)
  h1 h2 h3 h4 h5 h6 (定义标题)
  p(定义段落)

行内元素与块级元素的区别

（1） 格式，默认情况下，行内元素不会以新行开始，而块级元素会新起一行。
（2） 内容，默认情况下，行内元素只能包含文本和其他行内元素。而块级元素可以包含行内元素和其他块级元素。
（3） 行内元素与块级元素属性的不同，主要是盒模型属性上：行内元素设置 width 无效，height 无效（可以设置 line-height），设置 margin 和 padding 的上下不会对其他元素产生影响。