正确写法是使用非断行空格( ):© 2024 或 © 2020 – 2024,因其不会被浏览器合并,能稳定保留间距;避免用普通空格、css letter-spacing/word-spacing 或未转义的 js 字符串空格。

版权年份前后加空格的正确写法
HTML 本身不控制字符间距,空格是否显示取决于你输入的是普通空格还是被浏览器合并掉的空白符。直接敲空格键通常会被压缩成一个,所以版权信息里 © 2024 看起来紧贴文字,其实是空格没生效。
用非断行空格 替代普通空格
这是最常用、最可靠的方式:用 HTML 实体 表示“不换行空格”,它不会被浏览器合并,能稳定保留。
-
© 2024→ 显示为 © 2024 -
© 2020 – 2024→ 年份区间两侧都有明确间隙 - 注意:
是行内元素,不能放在块级标签外(比如不能单独一行写然后回车)
避免用 CSS 的 letter-spacing 或 word-spacing
这两个属性作用对象不对:
-
letter-spacing调整的是字母/汉字之间的距离,不是符号和数字之间 -
word-spacing只对空格分隔的“单词”起作用,而©和2024在浏览器看来是连续文本,不构成两个 word - 强行用会污染其他文字,比如影响整个
<footer></footer>里的所有内容
如果要用 JS 动态生成年份,记得给 加转义
JS 字符串里直接写 不会解析为实体,得用 Unicode 或 HTML 编码:
-
document.getElementById('year').innerHTML = '© ' + new Date().getFullYear() + ' ';✅(在 HTML 中已预设好) - 如果纯 JS 拼接,要用
'\u00a0'(Unicode 非断行空格):'©\u00a0' + year + '\u00a0' - 别写成
' '—— 浏览器不会在 JS 字符串里自动解析 HTML 实体
真正容易被忽略的是:很多模板系统(比如 Jekyll、Vue SFC)会把前后空格自动 trim 掉,哪怕你写了两个空格,最终输出也只剩一个。这时候必须用 ,没有替代方案。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











