HTMLでのスパンの使い方

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 サイトの他の関連記事を参照してください。