标签需显式闭合以定义语义段落，回车无效因html压缩空白符；失效常因css重置margin，应设p { margin: 1em 0; }恢复间距。
HTML格式化标签不是“排版工具”，而是语义标记手段；靠它们堆砌样式，段落粘连、屏幕阅读器误读、SEO权重稀释是大概率事件。
为什么 <p></p> 写了却没分段
浏览器把换行符、空格、制表符全压缩成一个空格，<p></p> 标签本身不依赖回车生效——它只靠显式闭合来定义段落边界。
- 错误写法：
<p>第一段</p> <p>第二段</p>写在同一行，或中间加十行空行，效果完全一样 - 真正失效的原因通常是 CSS 重置：比如
* { margin: 0; }把<p></p>默认的上下间距干掉了 - 修复只需一行：
p { margin: 1em 0; }，1em会随字体大小自适应，比固定像素更可靠 - 移动端要注意：
margin过大会撑开小屏，建议加媒体查询：@media (max-width: 768px) { p { margin: 1em 0; } }
<strong></strong> 和 <b></b> 到底该用哪个
视觉上没区别，但语义和可访问性天差地别：<strong></strong> 告诉浏览器“这段内容重要”，会被屏幕阅读器加重语气、被搜索引擎加权；<b></b> 只是“想加粗”，无额外含义。
- 用
<strong></strong>：错误提示（<strong>密码必须包含数字</strong>）、必填项说明、安全警告 - 用
<b></b>：纯视觉需求，比如商品名在广告中突显（但更推荐用 CSS class 控制） - SEO 和无障碍测试工具（如 axe、Lighthouse）会直接标出
<b></b>替代<strong></strong>的问题
什么时候该用 <br> 而不是 <p></p>
<br> 是强制换行，不产生新段落、不带语义、不自带间距；它只适合同一语义块内的分行，比如地址、诗歌、签名档。
- 适合：
北京市朝阳区建国路1号<br>邮编：100022<br>电话：010-xxxxxxx - 不适合：把一篇说明文档拆成 5 行，每行末尾加
<br>——这会让结构扁平化，CSS 难控制，屏幕阅读器读作“一句话中间停顿五次” - 危险信号：如果用了超过 2 个
<br>连续出现，基本说明该用<p></p>或列表（<ul></ul>/<ol></ol>）重构
真正难的不是记住哪个标签怎么写，而是判断哪段文字该独立成块、哪处换行只是视觉需要、哪个强调该被机器听见——这些决定，比语法本身更影响最终体验。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
