html行内元素(内联元素),块级元素分别有哪些?

html行内元素(内联元素),块级元素分别有哪些?


常用的分类包括行内元素(内联元素)和块级元素。下面是它们的示例列表:

行内元素(Inline Elements):

  • <span>
  • <a>
  • <strong>
  • <em>
  • <code>
  • <img>
  • <input>
  • <label>
  • <select>
  • <button>
  • <textarea>

内联元素(Inline Elements)是行内元素的另一个术语,它们的行为和显示方式与行内元素相似。

块级元素(Block-level Elements):

  • <div>
  • <p>
  • <h1><h6> 标题
  • <ul><ol> 列表
  • <li> 列表项
  • <table> 表格
  • <form> 表单
  • <footer><header><nav> 等语义化元素
  • <section><article><aside> 等语义化元素

块级元素在默认情况下会在新行上开始,并占据可用的宽度。它们可以包含其他块级元素和行内元素。

需要注意的是,HTML5 中引入了更多的语义化元素,如 <header><footer><nav> 等。这些元素通常被视为块级元素,但它们还具有特定的语义含义,用于更好地描述页面结构。