HTML5元素分类详解

（1）什么是块元素？常用块元素及场景

块元素会占据父容器的全部宽度，默认换行显示。

<p>：段落文本（文章正文）
<div>：通用布局容器（模块化区域）
<h1>-<h6>：标题（页面标题、章节划分）
<ul>：无序列表（导航菜单）
<article>：独立内容块（新闻文章）
<section>：主题区域（功能模块划分）

（2）什么是行元素？常用行元素及场景

行元素仅占据自身内容宽度，可与其他元素并排显示。

<span>：内联容器（局部样式调整）
<a>：超链接（导航跳转）
<strong>：强调文本（加粗关键信息）
<em>：斜体文本（语气强调）
<img>：图片（产品展示）
<button>：按钮（交互操作）

（3）兼具块元素与行元素属性的元素

默认行内显示，但可设置宽度/高度的元素：

<button>：按钮（需控制尺寸）
<input>：输入框（表单字段）
<select>：下拉菜单（选项选择）
<textarea>：多行文本框（长文本输入）
<img>：图片（可调整宽高）