【问题标题】:The "rel" attribute“rel”属性
【发布时间】:2011-03-11 12:10:21
【问题描述】:

我注意到浏览器根本不使用“rel”属性,这是否使它成为存储 javascript 附加信息的理想场所(例如,删除 ajax 请求可以从 rel 读取 id)

【问题讨论】:

    标签: html rel


    【解决方案1】:

    我假设您正在寻找一种方法来存储您可以在 javascript 中使用的自定义数据。我就是这样:

    可以使用data- 属性来存储自定义数据(请参阅here)。

    <a href="somelink.html" data-id="5">Link 5</a>
    

    或者/另外你可以使用jQuery Metadata

    【讨论】:

    • 值得注意的是,这仅在 HTML 5 中有效,但在我看来,这是将数据附加到任何元素的最佳选择
    • 在 HTML 5 之前使用 data- 是“安全的”,不是吗?
    • 是的,您不会遇到兼容性问题,但是它会导致您的页面无法在 w3 验证服务下进行验证(如果您没有使用 html5 文档类型)。
    • 这里有一些很好的信息:sitepoint.com/use-html5-data-attributes
    【解决方案2】:

    我注意到浏览器根本不使用“rel”属性

    你发现错了。浏览器确实使用了它(例如,一些浏览器有一个键盘快捷键可以转到下一页,并且可以使用 rel 属性来确定它是)。搜索引擎也使用它(例如 nofollow)。

    这是否使它成为存储 javascript 附加信息的理想场所

    没有。属性具有指定的用途。不要假设它们不会用于此目的。

    【讨论】:

    • w3schools.com/TAGS/att_a_rel.asp "浏览器不以任何方式使用此属性。"
    • 另外,假设 no 浏览器会出现并很好地利用当前大型未使用的交互式 UAs 属性似乎很危险......
    • rel=next 在 Firefox 中它会获取链接。这称为预取。
    • 如果我有一堆不同的域具有相同的根目录(即public_html),因此它们都显示相同的页面,我从我的徽标中创建一个指向“父”页面(即&lt;a href='https://parent.com'&gt;),我可以用什么来代替rel='index'和`rel='external',因为前者已经过时,而后者并不总是正确的?
    【解决方案3】:

    您将遇到的问题是搜索引擎确实使用了rel 属性。虽然 SEO 不是我的重点,但我们经常有 SEO 公司告诉我们在这里放一个 rel,在那里放一个 rel……通常是rel="nofollow",以防止给某些外部链接赋予权重。

    【讨论】:

      【解决方案4】:

      您可以只创建自己的自定义属性,但请确保将其命名为当前名称,以免与您可能使用的其他 js 库冲突。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2013-06-29
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多