用于语义化分段，自带默认间距；仅强制换行，不替代段落；原样保留空白与换行，专用于代码、ASCII图等场景。

HTML 格式化不是靠“美化工具”一键搞定的，而是由标签语义、空白处理规则和 CSS 协同决定的。直接用

或硬塞
反而会让结构混乱、可维护性崩塌。

什么时候该用

而不是连续


浏览器会忽略源码中的换行和多余空格，所以手动敲回车不会产生段落效果。很多人误用
模拟段落，结果是：语义丢失、无法统一控制间距、屏幕阅读器读不出段落边界。

• 是块级元素，自带上下外边距（margin），天然表达“一段独立内容”
• 
仅表示“此处强制换行”，语义上等于“换行符”，不该承担段落分隔职责
• 若需取消默认段落间距，改用 CSS：p { margin: 0; }，而不是删掉

的真实用途和常见误用

不是“让文字好看点”的格式化开关，它只做一件事：**原样保留所有空白字符（空格、制表符、换行）并按等宽字体渲染**。典型场景只有两类：代码块、ASCII 图、日志输出。

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

• 错误用法：

  <p>这是一段文字</p>

  ——
  在
  里不会被解析为段落，只会当纯文本显示
• 正确搭配：

  <code>console.log('hello');</code>>

  ，再配合 CSS 设置 font-family: monospace
• 注意：默认
  不自动换行，长行会溢出；加 white-space: pre-wrap; 可解决

强调类标签选 还是 ？

二者都渲染为粗体，但语义天差地别： 表示内容有强重要性（影响 SEO、屏幕阅读器语气）， 仅表示“视觉加粗”，无语义权重。

• 标题中关键词强调、警告信息、法律条款重点句 → 用
• 产品名、人名、短语需要突出但不增加语义权重 → 更合适
• 和 同理： 表示“重读”， 用于外文、术语、船名等

为什么 align 属性在现代 HTML 中基本不用了

早期 HTML 允许在

里写对齐，但现在所有主流浏览器已废弃该属性（HTML5 不再支持），强行使用会导致验证失败、CSS 覆盖失效、响应式错乱。

• 替代方案统一用 CSS：p { text-align: center; }
• 若需局部控制，加 class：

  ...

  ，再在 CSS 里定义
• 特别注意： 标签已彻底淘汰，不要用

真正难的不是记住哪些标签能“变样式”，而是判断哪段内容该用什么语义标签——因为一旦结构定型，后期改布局、加无障碍、做 SEO 优化，全卡在这一步。空格缩进、引号包裹、闭合规范这些事，VS Code 插件能帮你，但语义选择没人能替你决定。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！