html段落语义由定义，排版必须用css；禁用align属性、缩进和滥用；首行缩进用text-indent，段距用margin，代码等需保留格式时才用。
<p></p> 标签本身不负责“格式化”，它只定义段落语义；真正控制排版的是 CSS，但很多人误用旧式 align 属性或嵌套物理样式标签，结果导致语义混乱、响应式失效、可访问性下降。
别再用 p align="center" 控制对齐
这个写法在 HTML5 中已废弃，浏览器虽仍渲染，但会触发验证警告，且无法响应不同屏幕尺寸。CSS 才是现代排版的唯一可靠方式。
- 错误写法：
<p align="right">联系方式</p> - 正确写法：
<p class="text-right">联系方式</p>，配合 CSS：.text-right { text-align: right; } - 如果只是临时调整，直接用
style也行：<p style="text-align: center;">标题段落</p>，但别滥用
<strong></strong> 和 <b></b> 不是换行或缩进工具
有人把 <strong></strong> 套在整段文字外，以为能“加粗段落”；还有人用多个 <br> 模拟缩进——这既破坏语义，又让屏幕阅读器无法理解结构。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
-
<strong></strong>表示内容重要性，不是视觉开关；<b></b>仅表示“不带语义的突出显示”，比如产品名、关键词 - 段落首行缩进请用 CSS：
p { text-indent: 2em; }，而不是手动加空格或 - 段间距统一用
margin控制，例如：p { margin: 1.2em 0; }，避免混用<br>或空<p></p>
预格式化段落必须用 <pre class="brush:php;toolbar:false;"></pre>，但要慎用
只有当段落里**必须保留原始空格、换行、缩进**（比如代码片段、诗歌、ASCII 图）时，才该用 <pre class="brush:php;toolbar:false;"></pre>。它默认使用等宽字体、禁用自动换行，且会破坏正常流式布局。
- 普通说明文字、新闻段落、用户协议——一律不用
<pre class="brush:php;toolbar:false;"></pre> - 若需保留部分空格（如中文全角空格），改用
white-space: pre-wrap; - 搭配
<code>更规范：<pre class="brush:php;toolbar:false;"><code>console.log("hello");</code></pre>
最常被忽略的一点：段落之间的垂直节奏不是靠“多敲几个回车”或堆 <br> 实现的，而是由 margin-top 和 margin-bottom 的组合与层叠规则决定的——稍不注意就会出现双倍间距或塌陷。真要调排版，打开浏览器开发者工具，盯着 computed styles 看 margin 实际值，比猜更可靠。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
