如何将 REL 属性更改为其他答案

【问题标题】：How to change REL attribute to other如何将 REL 属性更改为其他
【发布时间】：2015-11-20 13:38:30
【问题描述】：

我对 W3 验证器有疑问。代码如下：

<div class="flexslider content-slider">
  <ul class="slides">
    <li>
      <div class="inner">
        <a **href="pic/slider-img1.jpg" class="fancy-gallery" rel="gallery"**>
          <img src="pic/slider-litt-img1.jpg" alt="gallery-pic">
        </a>
      </div>
    </li>
  </ul>
</div>

我必须怎么做才能用 id 属性替换 rel？我是新手...我还需要重写 js 代码吗？这是js代码：

if($('.fancy-gallery')[0]) {
        $('.fancy-gallery').fancybox({padding:10});
    }

【问题讨论】：

为什么在 2015 年仍然有人为 W3 验证器烦恼？
为什么我不应该这样做？
对SEO不是更有效吗？
嗯，如果你担心 SEO 或验证，用 jQuery 将 rel 属性更改为 id 为时已晚。
@PierreGayvallet — 因为它是一个非常好的工具，可以识别导致渲染问题和大多数手动测试可能不会注意到的细微错误的愚蠢错误。（它还确定了浏览器通常可以自行恢复的问题，但如果您首先编写真正的 HTML，生活通常会更简单）。

标签： javascript jquery class rel

【解决方案1】：

答案更简单。我不得不将 rel 更改为 'data-fancybox-group'。和 w3 一样喜欢它，比脚本更有效。

【讨论】：