illegalCreed

中文

English

中文

English

Appearance

参考 ​

基于 HTML Living Standard · 核于 2026-06

速查 ​

  • 强调四件套：<em> 强调（改句意）/ <strong> 重要 / <b> 醒目 / <i> 异声——纯样式归 CSS
  • 代码四件套：<code> 代码 / <kbd> 输入 / <samp> 输出 / <var> 变量
  • 引用：<q>（自动加引号）/ <cite>（作品名，非人名）/ <blockquote>（cite 是属性）
  • 链接安全铁律：target="_blank" 配 rel="noopener"（现代隐含、老浏览器仍写），外链加 noreferrer
  • href 协议：https: / mailto: / tel: / sms: / #锚点；download 仅同源 / blob: / data:
  • 列表：<ul> 无序 / <ol> 有序（start·type·reversed·value）/ <dl>（dt+dd）
  • 换行：<br> 强制（诗 / 址 / 签）、<wbr> 建议断点、段落永远 <p>；空白默认折叠
  • 国际化：局部 lang、<bdi> 隔离方向未知内容、<ruby> 注音、<ins>/<del> 修订
  • 无障碍红线：链接文字别「点这里」；<cite> 别标人名；<dl> 别当缩进；<em>/<strong> 别当样式

行内文本语义速查表 ​

元素语义默认样式关键属性 / 备注
<a>超链接下划线 + 链接色href / target / rel / download
<em>强调（改句意）斜体可嵌套加深
<strong>重要 / 严肃 / 紧急加粗可嵌套加深
<b>引人注意（无重要性）加粗关键词 / 产品名
<i>异声 / 异质斜体外文加 lang
<u>非文本注释（如拼写错误）下划线慎用（易与链接混淆）
<mark>相关性高亮黄底搜索命中 / 引文标重点
<small>小字附注缩小版权 / 免责，勿用于大段
<s>不再准确 / 相关删除线≠ <del>（编辑删除）
<code>代码片段等宽class="language-*"
<kbd>键盘 / 用户输入等宽可嵌套表组合键
<samp>程序输出等宽——
<var>变量 / 占位符斜体——
<q>行内引语自动加引号cite（来源 URL），别手敲引号
<cite>作品标题斜体不能标人名
<abbr>缩写 / 缩略词视浏览器title 存全称（屏幕阅读器默认不读）
<dfn>术语的定义实例斜体定义须在所在段落
<time>日期 / 时间无datetime 机器可读
<data>机器可读数据无value（非时间类编码）
<sub> / <sup>下标 / 上标下沉 / 上抬化学式 / 幂 / 脚注
<ruby> <rt> <rp>注音注音浮于上方<rt> 注音、<rp> 降级括号
<bdi>隔离未知方向文字无dir 默认 auto
<bdo>强制覆盖方向无需配 dir
<ins> / <del>文档增 / 删修订下划线 / 删除线cite + datetime
<br>强制换行换行限诗 / 址 / 签
<wbr>可选断点无不加连字符
<span>无语义容器无仅挂样式 / 钩子

<a> 的 href 取值速查 ​

形态示例说明
绝对 URLhttps://example.com/p完整地址
协议相对//example.com/p沿用当前页协议（今多直接写 https）
根相对/docs/html从站点根开始
目录相对./x、../x相对当前路径
页内锚点#install、#top、#跳到 id / 回页顶
邮件mailto:a@b.com?subject=…可带 subject/body/cc/bcc
电话tel:+8675512345678手机直拨
短信sms:+8613800000000唤起短信
数据 / 二进制data:…、blob:…内联 / 对象 URL（可配 download）

<a> 的 rel 取值速查 ​

rel 值用途安全 / SEO 相关
noopener切断新页 window.opener防反向标签劫持
noreferrer隐含 noopener + 不发 Referer安全 + 隐私
nofollow别让搜索引擎追踪用户内容 / 广告 / 付费链接
external外部资源——
alternate替代版本（多语言 / RSS / PDF）配 hreflang / type
author作者信息——
me「我」的另一身份页IndieAuth / Mastodon 验证
bookmark区块永久链接——
license许可信息——
help / search帮助 / 搜索——
prev / next序列上一 / 下一篇索引价值已低
tag标签 / 分类——

外链稳妥写法：<a href="…" target="_blank" rel="noopener noreferrer">。

<ol> 属性速查 ​

属性取值作用
type1 / a / A / i / I编号样式（默认 1）
start整数（始终阿拉伯数字）起始编号
reversed布尔倒序编号
value（在 <li> 上）整数覆盖单项编号，后续续接

<time datetime> 格式速查 ​

含义格式示例
年YYYY2026
年月YYYY-MM2026-06
日期YYYY-MM-DD2026-06-24
时间HH:MM[:SS[.mmm]]20:00
本地日期时间YYYY-MM-DDTHH:MM2026-06-24T14:30
全球日期时间…±HH:MM / …Z2026-06-24T14:30+08:00
周YYYY-Www2026-W26
时长PnDTnHnMnSPT2H30M

white-space 速查 ​

值折叠空白折叠换行自动换行
normal（默认）是是是
nowrap是是否
pre（<pre> 默认）否否否
pre-wrap否否是
pre-line是否是

现代特性 Baseline 状态（2026-06 核） ​

特性状态用法建议
<ruby> / <rt> / <rp>✅ Baseline（2015 起广泛）放心用
<time>✅ Baseline（2017 起广泛）放心用
<bdi>✅ Baseline（2020 起广泛）用户生成内容首选
target="_blank" 隐含 noopener✅ 现代浏览器默认仍建议显式写 rel="noopener" 兼容老浏览器
<wbr>✅ Baseline（2015 起广泛）放心用
download（跨域）🟡 受限跨域多被拦，需服务端 Content-Disposition
referrerpolicy✅ 广泛可用默认 strict-origin-when-cross-origin 已较安全

常见误用速查 ​

误用正解
用 <strong>/<em> 只为加粗 / 斜体纯样式用 CSS font-weight/font-style
用 <b> 标警告（其实很重要）重要内容用 <strong>
用 <i> 标需要重读的强调强调用 <em>
用 <cite> 标人名人名用 <b>/<span>；<cite> 只标作品
在 <q> 里手敲引号让浏览器自动加（配 lang）
用 <br><br> 分段用两个 <p>
用 <dl> 做缩进缩进用 CSS margin
target="_blank" 不写 rel加 rel="noopener noreferrer"
链接文字写「点这里」写自解释文字（如「我们的产品线」）
用 <del> 标「过期 / 不再准确」那用 <s>；<del> 是编辑删除

权威链接 ​

标准 / 规范

课程 / 指南

兼容性 / 工具

相关页 ​