HTML中的<s>和<del>有什么区别,它们是否会影响网站排名？

Question

<s>和之间有什么区别<del>？我在这里读到,<b>和之间存在语义差异<strong>,这是否适用于<s>和<del>？此外,搜索引擎如何解释这些语义差异(如果有的话)以及它们对排名有何影响？是否有其他标签会影响搜索排名？

Answer 1

<s>并且<del>两者仍然存在于HTML规范中.

• 该<del>元素表示从文档中删除.
• 该<s>代表不再准确或不再相关内容.

也就是说它们在语义上实际上代表了不同的东西.具体<del>将使用,如果你有一个现有的文档,并要表明是文档中的文本,但已被删除.这与文档中的文本不同,文档不再准确,但尚未删除(您可以使用<s>它).

即使大多数浏览器默认使用它们,也不应该使用或依赖它们的样式.你应该只依靠CSS进行演示.

由于搜索引擎的工作方式具有多种性质,因此很难说一个标签或其他标签是否会对关键字的创建方式和内容编制索引产生影响.您应该专注于创建语义正确的好内容,并遵循您的网站排名.

Answer 2

在阅读现有答案后,我仍然对在我的应用程序中使用哪一个感到困惑.我们同意表示它们是相同的,差异主要归结为语义.Mozilla的MDN文档帮助我澄清了语义.

我认为<s>大多数用例都是正确的,这就是为什么以及四个相关选项:

1. <strike>

   很明显,<strike>它已被弃用,因此不再正确使用.

2. <s>

   来自<s>MDN:

   HTML Strikethrough Element(<s>)使用删除线或通过它的线条呈现文本.使用<s>元素表示不再相关或不再准确的内容.但是,<s>在指示文档编辑时不合适; 为此<del>,请在适当的时候使用和`元素.**

3. <ins>

   来自<del>:

   HTML Deleted Text Element(<del> on MDN)表示已从文档中删除的一系列文本.此元素通常(但不一定)使用删除线文本进行渲染.

   对我来说最大的关键在本页面是<del>一样<del>,提供了两个额外的(可选)属性:<ins>和cite其意义在参照文档的状况变化.作为一个反例,如果我正在更新餐馆菜单,引用菜单项的消息来源似乎并不相关.

4. 没有标签/使用CSS

   如果以上所有内容对您的用例都不正确,请记住您仍然可以定义自定义类.

   .purchased { text-decoration: line-through; }

   <p>Wish list</p>
   <ul>
     <li class="purchased">New MacBook</li>
     <li>Cookies</li>
   </ul>

Answer 3

除了标签名称不同之外,del和之间没有实际s区别.它们具有相同的默认呈现(overtruck文本),并且没有证据表明浏览器或搜索引擎处理有任何差异,并且没有理由期望这样的差异,因为"语义"定义含糊不清并且作者并不关心关于他们.没有证据表明搜索引擎对这些元素采取任何行动 - 它们对文本进行操作,并且通常忽略文本级标记,除了可能被视为在页面内给予其内容更大相对权重的某些元素.

默认或"预期"默认呈现在HTML5 CR 的" 呈现"部分中明确指定:del, s, strike { text-decoration: line-through; }

理论上的差异是HTML规范和草案对其"意义"的说法,这些意义因HTML版本而异.

所以你可以使用任何一个元素,或两者都不使 过度训练的文本不是一个好主意,因为它很容易使一些字母难以阅读.但是,如果你需要重击(例如,因为广告需要包含旧的价格超支),它可能是最安全的使用strike,这是一个诚实的表现元素.因此,你甚至可以避免某些软件可以解释s或del以某种特殊方式理解的可能性,基于某人对HTML5 CR的阅读,可能与您的意图不同,从而可能导致某些渲染或处理与您的理由不一致加粗.(从历史上看,s并且strike一直是同义词,但HTML5 CR在它们之间进行了任意区分,使得s"语义"和strike表现形式.)