web-dev-qa-db-ja.com

HTMLの<s>と<del>の違いは何ですか?それらはWebサイトのランキングに影響しますか?

<s><del>の違いは何ですか?私は here を読みましたが、<b><strong>の間に意味的な違いがあることをこれは<s><del>に適用されますか?さらに、このようなセマンティックの違いがある場合、検索エンジンによってどのように解釈され、ランキングにどのような影響がありますか?検索ランキングに影響を与える他のタグはありますか?

25
octref

<s><del>はどちらもHTML仕様にまだ存在しています。

  • <del> 要素は、ドキュメントからの削除を表します。
  • <s> は、正確でなくなった、または関連しなくなったコンテンツを表します。

つまり、実際には意味的に異なるものを表しています。特に<del>は、既存のドキュメントがあり、ドキュメント内にあるが削除されたテキストを示す場合に使用されます。これは、正確ではなくなったが削除されていないドキュメント内のテキストとは異なります(<s>を使用できます)。

ほとんどのブラウザではデフォルトで取り消し線が設定されていますが、どちらのスタイル設定にも依存しないでください。プレゼンテーションはCSSのみに依存する必要があります。

検索エンジンの動作にはMercurialの性質があるため、キーワードの作成方法とコンテンツのインデックス作成方法にタグが異なるかどうかを判断するのは非常に困難です。意味的に正しい良質なコンテンツを作成することに焦点を当てる必要があります。そうすれば、Webサイトのランクが続きます。

31
Explosion Pills

既存の回答を読んだ後、私は自分のアプリでどちらを使用するかについて混乱しました。見た目は同じであり、違いは主に意味論に帰着することに同意します。 MozillaのMDNドキュメントは、私にとってセマンティクスを明確にするのに役立ちました。

私は<s>はほとんどのユースケースで正しいです。これが、4つの関連オプションとともに理由です。

  1. <strike>

    <strike>は非推奨 であるため、今後は使用しないでください。

  2. <s>

    から <s> on MDN

    HTML取り消し線要素(<s>)取り消し線付きのテキスト、またはそれを通る線をレンダリングします。使用 <s>要素は、関連性がなくなったり正確でなくなったりしたものを表します。 ただし、<s>は、ドキュメントの編集を示す場合は適切ではありません。そのためには、<del>および<ins>要素、必要に応じて。**

  3. <del>

    から <del> on MDN

    HTML削除済みテキスト要素(<del>)は、ドキュメントから削除されたテキストの範囲を表します。この要素は、取り消し線付きのテキストでレンダリングされることがよくあります(ただし、そうである必要はありません)。

    このページで私にとって最大の鍵は、<del>、 お気に入り <ins>は、2つの追加(オプション)属性を提供します:citeおよびdatetimeこれらは、ドキュメントのコンテキストの変更を参照するのに意味があります。反例として、私がレストランのメニューを更新している場合、売り切れているメニューアイテムのソースを引用しても意味がないようです。

  4. タグなし/ CSSを使用

    上記のいずれもユースケースに適していない場合でも、カスタムクラスを定義できることに注意してください。

    .purchased { text-decoration: line-through; }
    <p>Wish list</p>
    <ul>
      <li class="purchased">New MacBook</li>
      <li>Cookies</li>
    </ul>
9
Taylor Edmiston

タグ名が異なることを除いて、delsの間に実際的な違いはありません。これらは同じデフォルトのレンダリング(上書きされたテキスト)であり、ブラウザーまたは検索エンジンによる処理に違いがあるという証拠はありません。また、「セマンティック」の定義は曖昧であり、作成者はあまり気にしないので、そのような違いを期待する理由はありません。それらについて。これらの要素に対する検索エンジンのanyアクションの証拠はありません。これらはテキストで動作し、通常はテキストレベルのマークアップを無視します。ページ内でのコンテンツの相対的な重みが大きいと見なすことができます。

デフォルト、つまり「期待される」デフォルトのレンダリングは、HTML5 CRの Rendering セクションで明示的に指定されています:del, s, strike { text-decoration: line-through; }

理論的な違いは、HTMLの仕様やドラフトが「意味」についてどのように言っているかであり、HTMLのバージョンによって異なります。

したがって、どちらかの要素を使用することも、どちらも使用しないこともできます。一部の文字が読みにくくなるため、テキストを重ね打ちするのはあまり良い考えではありません。ただし、上書きする必要がある場合(たとえば、広告に古い価格を上書きする必要があるため)、正直なプレゼンテーション要素であるstrikeを使用するのがおそらく最も安全です。したがって、誰かがHTML5 CRを読んだことに基づいて、一部のソフトウェアがsまたはdelを特別な方法で解釈するという理論的な可能性でさえ、おそらくあなたの意図とは異なり、したがって、オーバーストライクのyour理由と一致しない一部のレンダリングまたは処理。 (以前はsstrikeは同義語でしたが、HTML5 CRはそれらを任意に区別し、sを「セマンティック」とstrikeで表現します。)

5

私はそれらを意味的に定義されている方法で使用します。DELは削除されたテキストに、Sは現在不正確であるが削除されていないテキストに使用します。

これらはほとんど同じように見えるかもしれませんが、スクリーンリーダーやその他のユーザー補助ツールによって異なる方法で処理される可能性があります。DELは完全に無視され(例:読み上げられない)、Sは読み上げられますが、通常のテキストと区別されます。

0
Nick McLeod