标签定义语义段落并自带上下间距,仅强制换行且无间距;到表示内容层级重要性,须逐级使用、不跳级,每页唯一。

把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件(幻灯片风格)。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本,并且希望生成演示用的 HTML 时触发。支持任意内容来源:iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区,并通过企微直接发送给用户。触发词示例:帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
标签不是“加个换行”那么简单,它定义的是语义上的段落区块;
到 不只是字号变化,而是告诉浏览器和搜索引擎“这段内容的层级重要性”。用错标签,页面可能看着差不多,但对屏幕阅读器、SEO 和后续 CSS 维护全是隐患。
用 – 搭建清晰的内容骨架
一个页面只该有一个 ,通常是文章标题或站点名; 用于一级小节, 是子小节,依此类推。跳级(比如 后直接写 )会破坏结构逻辑,影响辅助技术识别。
- 错误写法:
(缺引言
背景介绍
层级) - 正确写法:
引言
背景介绍
问题现状
- 别用
align属性居中标题——它是过时的 HTML4 属性,现代写法统一用 CSS:text-align: center
段落、换行与分隔:别把
当 用
表示一个完整语义段落,浏览器默认给它上下 margin; 只是强制换行,不产生新段落,也不带间距。滥用 堆出“段落”,会导致样式不可控、打印异常、无障碍支持差。
- 适合
的场景:地址、诗歌、签名档等需保留原格式的连续短行 - 该用
的场景:任何有独立意思的文字段(哪怕只有一句话) -
是视觉分隔符,不是“装饰线”——它代表主题切换,比如章节结束、作者信息前
强调类标签:语义优先,别只看样式
和 不等于 和 。前者表达“内容重要性”和“语气强调”,后者只是“加粗”和“斜体”样式。搜索引擎、语音朗读工具会区别对待。
- 用
标注关键结论、警告、操作指令(如“请立即保存”) - 用
标注反语、重音、需要听者注意的词(如“我‘确实’没看到”) - 避免嵌套
或多层——语义上无意义,CSS 也难维护 -
在 HTML5 中已恢复语义(表示非标准文本,如拼写错误、专有名词),不要用来做链接下划线——那是 CSS 的事
预格式化与引用:保持原始结构的两个关键标签
会原样保留空格、缩进和换行,适合代码块、日志、ASCII 图; 必须包裹一段完整引用,且最好配 cite 属性说明来源。它们都不是“让文字看起来整齐”的万能工具。
-
内容默认是等宽字体,若要改字体,必须用 CSS 覆盖font-family -
不该用来缩进普通段落——那是margin-left或padding的职责 - 短引用用
,它会自动添加引号(但不推荐依赖此行为,CSS 更可控)
最常被忽略的一点:所有这些标签的默认样式都可被 CSS 重置或覆盖,但它们的语义无法被 CSS 替代。排版“看着对”不等于结构“是对的”——尤其当页面要适配语音助手、打印机、搜索引擎或未来新设备时。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










