HTMLでのスパンの使い方

醉折花枝作酒筹
リリース: 2023-01-06 11:16:15
オリジナル
15660 人が閲覧しました

HTML では、span は「コンテンツ」として使用されます。スパンタグは、ドキュメント内のインライン要素をグループ化し、スタイルで書式設定するために使用されます。このタグには固定された形式はなく、スタイルを適用すると視覚的に変化します。

HTMLでのスパンの使い方

このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート