外文名言必须用或包裹,cite属性须为真实可访问url,出处需用和结构化标注,嵌套引用优先用而非多层,双向文本需加dir属性。

外文名言必须用<blockquote></blockquote>或<q></q>包裹,不能只加lang
只给<div>或<code><p></p>加lang="en",语义上等于“这段中文里夹了英文词”,不是“这是一段独立引用”。屏幕阅读器不会特殊处理,搜索引擎也不识别为引用关系。真正起作用的是元素本身的语义:<blockquote></blockquote>声明这是外部摘录,<q></q>声明这是行内直接引语——lang只是补全“它是什么语言”。
常见错误:<p lang="fr">Je suis français.</p> → 读屏会按法语朗读,但 Google 不认为这是引用,也不索引出处;正确写法是:<blockquote lang="fr" cite="https://example.com/fr"><p>Je suis français.</p></blockquote>
cite属性必须填真实可访问的URL,空值或虚构链接没用
cite不是装饰字段,它是搜索引擎验证引用真实性的关键依据。Google 会尝试抓取该 URL,并比对页面中是否实际存在被引文本(哪怕在 JS 渲染后、非首屏位置)。如果 URL 返回 404、跳转到首页、或内容完全不匹配,引用语义就失效,甚至可能被判定为误导性标记。
- ✅ 正确:
cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote"(MDN 页面确实含该标签说明) - ❌ 错误:
cite="/cite/fr-quote"(相对路径无法被爬虫解析)、cite="https://example.com"(首页无被引内容)、cite=""(等同于未声明)
出处信息得用<footer></footer>或<cite></cite>显式标注,不能靠文字描述
仅在<blockquote></blockquote>里写“——伏尔泰,《哲学辞典》”是无效的。辅助技术和 SEO 都依赖结构化标记。必须把出处拆解为机器可读的元素:
正确示例:
<blockquote lang="fr" cite="https://gallica.bnf.fr/ark:/12148/bpt6k5725994j"> <p>Le mieux est l’ennemi du bien.</p> <footer><cite>Dictionnaire philosophique</cite>, Voltaire</footer> </blockquote>
注意:<cite></cite>只能用于作品名、文章名、网站名,不能放人名;人名必须放在<footer></footer>里或其他普通文本中。
多层嵌套引用别堆<blockquote></blockquote>,用<q></q>配合lang更稳妥
比如中文页面里引了一句英文,英文里又引了一句德文。这时候不要写<blockquote lang="en"><blockquote lang="de">…</blockquote></blockquote>——HTML 规范不鼓励嵌套<blockquote></blockquote>,语义模糊,部分读屏会混淆层级。
推荐写法:
<p lang="zh-CN">正如<q lang="en">The best is the enemy of the good</q>(伏尔泰)所言,<q lang="de">Das Beste ist des Guten Feind</q>也表达了类似思想。</p>
要点:<q></q>自动添加本地化引号(中文浏览器显示「」,英文显示“”),lang确保每段都被正确朗读和拼写检查,DOM 更轻量,CSS 也更容易控制嵌套样式。
最容易被忽略的一点:如果引用内容本身含双向文本(如阿拉伯语+英文混排),除了lang,还必须加dir="rtl",否则字体 fallback 和光标定位都会错乱。而这个dir必须写在<blockquote></blockquote>或<q></q>上,不能只靠根声明。











