行内元素、块级元素、空(void)元素分别有哪些？

在前端开发中，HTML 元素主要分为三种类型：行内元素、块级元素和空元素。它们在页面布局和渲染方面有不同的表现。

1. 行内元素 (Inline Elements):

行内元素在水平方向排列，只占据必要的宽度，不会另起一行。它们设置宽度 width、高度 height 和垂直方向的 margin、padding 属性无效，但可以设置水平方向的 margin 和 padding。

常见的行内元素包括：

• <a> (链接)
• <span> (通用行内容器)
• <b> (加粗)
• <i> (斜体)
• <em> (强调)
• <strong> (更强烈的强调)
• <small> (小字体)
• <sub> (下标)
• <sup> (上标)
• <img> (图片)
• <input> (输入框)
• <textarea> (文本域)
• <button> (按钮)
• <select> (下拉列表)
• <label> (标签)

2. 块级元素 (Block Elements):

块级元素会独占一行，默认宽度会撑满父元素的宽度。可以设置宽度 width、高度 height 以及 margin 和 padding。

常见的块级元素包括：

• <div> (通用块级容器)
• <p> (段落)
• <h1> - <h6> (标题)
• <ul> (无序列表)
• <ol> (有序列表)
• <li> (列表项)
• <table> (表格)
• <form> (表单)
• <article> (文章)
• <aside> (侧边栏)
• <nav> (导航)
• <header> (页眉)
• <footer> (页脚)
• <section> (章节)

3. 空元素 (Void Elements):

空元素是指没有内容的元素，也称为自闭合元素。它们不需要结束标签。

常见的空元素包括：

• <br> (换行)
• <hr> (水平线)
• <img> (图片)
• <input> (输入框)
• <link> (链接样式表)
• <meta> (元数据)
• <base> (文档基准 URL)
• <area> (图像映射区域)
• <col> (表格列)
• <embed> (嵌入外部内容)
• <param> (参数)
• <source> (媒体资源)
• <track> (文本轨道)
• <wbr> (建议换行)

需要注意的是，HTML5 中对行内元素和块级元素的划分不再像以前那么严格。可以使用 CSS 的 display 属性来改变元素的显示类型。例如，可以将 span 设置为 display: block;，使其表现得像块级元素一样。

希望这个解释对您有所帮助！