在HTML5中实现空行显示有五种方法：一、用p标签创建空段落；二、用br标签强制换行；三、用CSS margin属性控制间距；四、用div配合height属性设定空白区域；五、用pre标签保留空白符。
如果您在HTML5中需要显示空行，但发现直接按回车或使用多个空格无效，则可能是由于HTML默认忽略空白字符。以下是实现空行显示的多种方法：
一、使用p标签创建空段落
p标签是块级元素，浏览器会自动为其前后添加默认外边距，因此一个空的p标签即可形成视觉上的空行。该方法语义清晰，符合HTML5规范，且易于控制间距。
1、在需要插入空行的位置，输入
。2、如需调整空行高度，可在CSS中设置p标签的margin-top或margin-bottom值。
立即学习“前端免费学习笔记（深入）”；
3、若页面中存在多个连续空行需求，可依次添加多个
标签。二、使用br标签强制换行
br标签是HTML5中唯一的纯换行控制元素，用于在同一段落内产生换行效果。它不产生语义结构，仅作排版用途，适合简单换行场景。
1、在文本内容中需要断行处插入
。
2、若需多个空行，可连续使用多个
标签，例如
。
3、注意：br标签不可自闭合为
（XHTML风格），在HTML5中应写作
。
三、使用CSS margin属性控制空白
通过为相邻元素设置上下外边距，可精确控制两段内容之间的垂直间距，从而模拟空行效果。该方法避免了冗余标签，利于样式统一管理。
1、为目标元素添加class，例如
第一段
与第二段
。2、在style标签或外部CSS文件中定义：.section { margin-bottom: 1.5em; }。
3、推荐将margin-bottom设为相对单位（如em或rem），以保障响应式兼容性。
四、使用div标签配合height属性
div是通用容器，可通过设定固定高度并清除内容来创建空白区域。该方法适用于需要严格控制像素级间距的布局场景。
1、在需要空行位置插入
。2、根据实际排版需求调整height值，支持px、em、rem等单位。
3、避免对div设置padding或border，否则实际占用高度将大于设定值。
五、使用pre标签保留空白符
pre标签会原样渲染其中的空格、制表符和换行符，因此可通过插入多行空字符生成空行。该方法适用于需保持原始格式的特殊文本展示。
1、在HTML中写入
或（内部含空行）。
2、若需隐藏pre的默认字体样式，可添加CSS：pre { font-family: sans-serif; white-space: pre; }。
3、pre标签会强制使用等宽字体，务必覆盖font-family以匹配页面整体字体。
