テキストに特別な css がなく、JavaScript で変更する必要がない場合、テキストを<span>
入力するだけでなく (意味のない標準を除いて) 使用するポイントはありますか? 例えば
<body>
<span>Text</span>
</body>
対
<body>
Text
</body>
テキストに特別な css がなく、JavaScript で変更する必要がない場合、テキストを<span>
入力するだけでなく (意味のない標準を除いて) 使用するポイントはありますか? 例えば
<body>
<span>Text</span>
</body>
対
<body>
Text
</body>
すべきではありません。
steveax が示唆するように、MDN リファレンス
HTML 要素は、フレージング コンテンツ用の一般的なインライン コンテナーであり、本質的に何も表現しません。スタイリング目的で (class または id 属性を使用して)、または lang などの属性値を共有するために、要素をグループ化するために使用できます。他のセマンティック要素が適切でない場合にのみ使用する必要があります。は要素に非常によく似ていますが、a がインライン要素であるのに対し、ブロック レベルの要素です。
にスタイル<span>
がなく、通常はスタイルがない場合、実際には大きな違いはありません。 W3C でさえ、<span>
それ自体は何の意味もないと言っています。
これは、一般的なテキストにスタイルを適用するために作成されました ( によく似ています<div>
)。
<div>
あなたは尋ねませんでしたが、との違い<span>
は、前者は要素をグループ化するためのものであり、後者はテキストをグループ化するためのものであり、これもセマンティクスがありません。適切な場合は、セマンティック要素を使用することをお勧めします。
スパンを追加する唯一の利点は、特定のテキストのスタイルを後で変更する必要がある場合です。