迹忆客 专注技术分享

最近，HTML 规范中添加了一个流行的新内容：锚点现在可能具有下载属性。 不过，这不是这篇文章的主要内容——相反，我想回顾一下人们在推文和博客文章中用来指代这个新元素 + 属性组合的一些不同符号。

在讨论特定元素的特定属性时，写出例如 始终是“<a> 元素的 download 属性”。 想一想——仅占了⅓。 值得庆幸的是，我们可以使用一些有用的简短符号。

• 最近我看到人们使用 a.download，我觉得很困惑。 它看起来像一个 CSS 选择器，用于带有下载类名的 <a> 元素（但它不是！）。 我们可以将它解释为 JavaScript，并假设 a 是对 HTMLAnchorElement 对象的引用，download 是它的属性，但这有点牵强。
• 也可以使用 CSS 语法：a[download]。 问题是每个人都将其识别为 CSS 选择器，并且在谈论实际的 HTML 元素及其属性（不在 CSS 上下文中）可能并不明显。
• 类似地，我们可以只使用 HTML 语法：<a download> — 但这样看起来我们似乎在谈论代码片段本身，而不是此特定属性与特定元素的一般组合。
• 据我所知，用于此目的的最流行的表示法是 XPath 语法：a/@download。 没有人再真正使用 XPath，所以人们立即假设我们在谈论 HTML 元素与属性的组合，而不是 XPath 选择器本身。 每个人都赢了。
• 正如 Jan 指出的那样，前面的符号有一个更简单的变体：a@download。 它不再是 XPath，但它代表什么仍然很清楚。 它看起来也很漂亮。

与其重新发明轮子，不如坚持使用 XPath 语法或其简化的变体，好吗？

这种简短的符号有时非常有用——不仅可以缩短文本，还可以使其更具可读性。 看看这个：

示例

Safari 4 和 Opera 11.00 支持 <input> 元素的 placeholder 属性，但不支持 <textarea> 元素的 placeholder 属性。

成为了...

Safari 4 和 Opera 11.00 支持 input@placeholder，但不支持 textarea@placeholder。