HTML では、span は「コンテンツ」として使用されます。スパンタグは、ドキュメント内のインライン要素をグループ化し、スタイルで書式設定するために使用されます。このタグには固定された形式はなく、スタイルを適用すると視覚的に変化します。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
文法:
<span>内容</span>
span タグの使用手順
1) DIV CSS のカット レイアウト再構築技術では、div タグに加えて、span タグも使用されることがよくあります。レイアウト
2) スパン自体に特別なことはなく、通常、このラベル レイアウトは他のレイアウトにも使用できます。
3) また、span タグ オブジェクトにさまざまなスタイルを設定することで、必要な美化効果を実現することもできます。
4) 特徴: 通常はスタイルのない一対のスパンが設定されます. 高さと幅はアダプティブコンテンツです. このラベルが占める距離スペースは容量と同じ大きさになります.
span タグの使用例
<span>内容内容内容</span><span>只属于我们的世界</span>
Span は HTML で一般的に使用されるレイアウト タグです。div タグとの違いは、span がコンテンツの高さと幅のスペース (コンテンツに近い) を占めることです。 )、div のペア ラベルは 1 行を占めます。
span にスタイルを適用しない場合、span 要素内のテキストは他のテキストと視覚的な違いがありません。それでも、上記の例のspan要素は、p要素に追加の構造を追加します。
id または class 属性をスパンに適用すると、適切なセマンティクスを追加できるだけでなく、スパンへのスタイルの適用も容易になります。
class 属性または id 属性のいずれかを同じ 要素に適用することは可能ですが、どちらか 1 つだけを適用するのが一般的です。 2 つの主な違いは、class は要素のグループ (類似した要素、または特定のタイプの要素として理解できる) に使用されるのに対し、id は個々の固有の要素を識別するために使用されることです。
推奨学習: html ビデオ チュートリアル
以上がHTMLでのスパンの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。