术语翻译对照表
cssmagic opened this issue · comments
术语翻译对照表
| 原文 | 本书译法 | 其它译法（未采用） |
|---|---|---|
| CSS | - | 层叠样式表、级联样式表、样式单 |
| cascade | 层叠（机制） | 级联 |
| fallback | 回退（机制、措施、方案） | 后备、回落、降级 |
| selector | 选择符 | 选择器、选择式 |
| specification | （技术）规范 | 规格说明书 |
| spec | 〃 | 〃 |
| specificity | （选择符的）优先级 | 特异性、权重 |
| feature | 特性 | 功能 |
| markup | （结构）标记 | - |
| tag | 标签 | 标记 |
| attribute | （标签）属性 | 特性 |
| property | （对象、样式）属性 | - |
| color | 颜色 | 色彩 |
| transition | 过渡（动画） | 变换 |
| transform | 变形 | 变换 |
| translate | 位移 | 转移、转化 |
| animation | 动画 | - |
| gradient | 渐变（色、图案） | 过渡 |
| linear-gradient | 线性渐变 | 直线～ |
| radial-gradient | 径向渐变 | 辐射～ |
| conic-gradient | 角向渐变 | 角度～、圆锥～ |
| background | 背景 | - |
| background color | 背景色 | 背景颜色 |
| background image | 背景图像 | 背景图片 |
| (background) repeat | （重复）平铺 | 重复 |
| (repeating) tile | （平铺）贴片 | 瓦片、瓷砖 |
| Box Model | 盒模型 | 盒子模型 |
| padding | 内边距 | 补白 |
| margin | 外边距 | 边距 |
| margin collapsing | 外边距重叠 | ～叠加、～重合、～塌陷 |
| border | 边框 | - |
| outline | 描边 | 外框、轮廓 |
| flexbox | 伸缩盒（布局） | 弹性盒、弹性盒子 |
| block (level) element | 块级元素 | 块元素 |
| inline element | 行内元素 | 内联～、行间～ |
| container | 容器 | - |
| wrapper | 容器 | - |
| UI | - | - |
| tab | 标签页 | 标签、页签、选项卡 |
| preprocessor | 预处理器 | - |
| bug | - | （程序）缺陷、漏洞 |
| (CSS) hack | - | 招数、偏方、CSS 黑客程序 |
| hacky | 有 hack 的味道（感觉） | - |
（未完）
- “本书译法” 一列中的
-表示不译，直接采用英文原文。 - “其它译法” 一列中的
-表示暂无其它译法。 - 波浪号（
～）表示省略与前面重复的部分字词。
用“选择符”而不是“选择器”有什么讲究吗？
specificity还有“权重”、“特异性”等译法。从google搜索结果来看“优先级”相对其他译法也并没有量级上的优势。我个人稍偏向用“特异性”。
- flexbox 「伸缩盒」，这是当时我们和康豪一起翻译时候定下的术语：http://www.w3.org/html/ig/zh/css-flex-1/
- margin collapsing 「外边距叠加」，我觉得更加形象，有一个加的过程。
flexbox 「伸缩盒」，这是当时我们和康豪一起翻译时候定下的术语：http://www.w3.org/html/ig/zh/css-flex-1/
谢谢提示。会重新考虑。
margin collapsing 「外边距叠加」，我觉得更加形象，有一个加的过程。
我以前也是译成 “～叠加” 的。但后来发现实际上这个行为并不是 “加法”，有歧义，就改用 “～重叠” 了。
如果还有更多建议和想法，欢迎另开新 issue 展开讨论。
我也有整理术语表整理的想法，列了个草稿。也看到了 @yisibl 整理的术语表，不过是几年前的了。
margin collapsing 我一般译为”边距合并“。
盒模型，padding, margin 虽然最常见译法的是”内边距“，”外边距“的译法，不过再加上 top 等位置词后，有的句子译出来后读着拗口看着晕头。比如：
盒的下外边距与它的上外边距接触时两者合并。
于是我的想法变了。实际上在打印设置里面，是把 margin 称为”边距“。有的人便把 padding 译为”补白“。这个词的本意是补丁，我觉得”内边距“是由”外边距“对应出来的词。我看见**那边有把 padding 译为“内距”的，那么 margin 保持 ”边距“ 不变，或者对应为 “外距" 。我是倾向于这个方案，减少一个字会让句子顺畅些。
attribute 也是让人头疼的翻译，有时必须区别。看英文 attribute, property 很容易知道讲的是 HTML, 还是 JavaScript。如果都译为”属性“，就分不出来了。虽然我不大喜欢”特性“这个翻译，不过还是统一用它。
@Jinjiang 似乎翻译过 HTML 规范，是统一为 ”特性“。
inline 也是让人头疼的翻译，英文文档中是用作名词，动词，形容词。较常见的翻译是”内联“，我不大喜欢。”行内“ 适合部分情况。inline style 你如何翻译？
看英文 attribute, property 很容易知道讲的是 HTML, 还是 JavaScript。如果都译为”属性“，就分不出来了……
这我倒不纠结，在可能混淆的情况下写为 “标签属性” 和 “对象属性” 就可以了，译者就是干这个事的，不然与机器何异？
如果译成 “特性”，暂不提是否合适，光是那 attribute 与 feature 对撞的惨烈画面就让人不忍直视。
如果需要深入讨论某个词的译法，请另开 issue 吧。 😃
@yanxyz inline在css就是“行内”。“内联”是编译器术语，用于css是错误。
我能不能问一下inner rounding是个啥。。。翻译成“内圆”吗？
该书一直出现的“DRY”究竟是什么意思
一点不重要的小建议：DRY 那段里的“同样代码写两处”改成“同样代码写两遍”似乎更上口。因为和“我们喜欢敲键盘”押韵。:smile:
这个好， 把一些专业的英文单词弄一个表出来也便于初学者理解。
不错，挺有用。