4 に答える
<s>
<del>
どちらもまだ HTML 仕様に存在します。
つまり、それらは実際には意味的に異なるものを表しています。具体的<del>
には、既存のドキュメントがあり、ドキュメントに含まれていたが削除されたテキストを示したい場合に使用されます。これは、もはや正確ではないが削除されていないドキュメント内のテキストとは異なります (<s>
そのために使用できます)。
ほとんどのブラウザにはデフォルトで取り消し線がありますが、スタイリングのためにどちらも使用したり依存したりしないでください。表示には CSS のみを使用してください。
検索エンジンの動作は水銀的な性質を持っているため、キーワードの作成方法やコンテンツのインデックス作成方法にタグの違いがあるかどうかを判断するのは非常に困難です。意味的に正しい優れたコンテンツを作成することに集中する必要があります。そうすれば、Web サイトのランクがそれに続きます。
既存の回答を読んだ後、アプリでどちらを使用するかについてまだ混乱していました。表現的には同じであり、違いは主にセマンティクスに帰着することに同意します。Mozilla の MDN ドキュメントは、セマンティクスを明確にするのに役立ちました。
<s>
ほとんどのユースケースで正しいと思います。その理由と、関連する 4 つのオプションを次に示します。
<strike>
<strike>
deprecated であることは明らかであるため、使用するのは正しくありません。<s>
<s>
MDNから:HTML 取り消し線要素 (
<s>
) は、取り消し線または線を含むテキストをレンダリングします。要素を使用して、<s>
関連性がなくなったものや正確でなくなったものを表します。ただし、<s>
ドキュメントの編集を示す場合は適切ではありません。<del>
<ins>
そのためには、必要に応じてand要素を使用してください。**<del>
から
<del> on MDN
:HTML の削除されたテキスト要素 (
<del>
) は、ドキュメントから削除されたテキストの範囲を表します。この要素は、多くの場合 (必須ではありませんが) 取り消し線付きのテキストでレンダリングされます。このページで私にとって最大の鍵は、
<del>
と同様<ins>
に、 が 2 つの追加の (オプションの) 属性を提供することです:cite
とdatetime
は、ドキュメントのコンテキストの変化を参照する際に意味があります。反例として、レストランのメニューを更新している場合、売り切れのメニュー項目の情報源を引用することは適切ではないようです。タグなし / CSS 使用
上記のいずれもユース ケースに適していないと思われる場合でも、カスタム クラスを定義できることを思い出してください。
.purchased { text-decoration: line-through; }
<p>Wish list</p> <ul> <li class="purchased">New MacBook</li> <li>Cookies</li> </ul>
タグ名が異なることを除いて、del
との間に実質的な違いはありません。s
それらは同じデフォルトのレンダリング (上書きされたテキスト) を持ち、ブラウザーや検索エンジンによる処理に違いがあるという証拠はなく、そのような違いを期待する理由もありません。「セマンティック」な定義は曖昧であり、作成者はあまり気にしないからです。それらについて。これらの要素に対する検索エンジンでのアクションの証拠はありません。それらはテキストを操作し、通常はテキスト レベルのマークアップを無視します。
デフォルトまたは「予想される」デフォルト レンダリングは、HTML5 CRのレンダリングセクションで明示的に指定されています。del, s, strike { text-decoration: line-through; }
理論上の違いは、HTML の仕様とドラフトがその「意味」について述べていることであり、HTML のバージョンごとに異なります。
したがって、いずれかの要素を使用することも、どちらも使用しないこともできます。テキストを過度に打つことは、一部の文字を簡単に読みにくくするため、あまり良い考えではありません。ただし、上書きする必要がある場合 (たとえば、広告に古い価格の上書きを含める必要があるため) を使用するstrike
のがおそらく最も安全です。これは正直なプレゼンテーション要素です。そのため、誰かが HTML5 CR を読んだことに基づいて、おそらくあなたの意図とは異なり、その結果、あなたの理由と一致しないレンダリングや処理を引き起こす可能性があるという理論s
的な可能性さえ回避します。打ち過ぎ。(歴史的にはとは同義語でしたが、HTML5 CR ではそれらを恣意的に区別し、「セマンティック」とdel
s
strike
s
strike
プレゼンテーション。)
意味的に定義されている方法で使用します。削除されたテキストには DEL を、現在は不正確であるが削除されていないテキストには S を使用します。
これらはほとんど同じように見えるかもしれませんが、スクリーン リーダーや他のアクセシビリティ ツールでは異なる方法で処理される可能性があります。DEL は完全に無視され (例: 読み上げられない)、S は読み上げられますが、通常のテキストとは区別されます。