span 要素

概要

HTML <span> 要素は、何か特定のセマンティクスを表すものではない、フレージング・コンテンツのための汎用コンテナーです。CSS によるスタイリングの用途等で、要素のグループ化が必要な場合に用います。class 属性か id 属性、lang 属性等とともに使われます。セマンティクス上で他に適切な要素がある場合はそちらを使用して下さい。<span> は <div> 要素と非常に似た役割を持っています。<div> 要素が ブロックレベル要素 の汎用コンテナーであるのに対し、<span> 要素は インラインレベル要素 のための汎用コンテナーの役割を果たします。

属性

他のすべての要素と同様に、この要素は グローバル属性 を持ちます。

例 1

<p><span>Some text</span></p>

結果

Some text

例 2

<li><span>
    <a href="portfolio.html" target="_blank">See my portfolio</a>
</span></li>

CSS:

li span {
    background: gold;
}

結果

•     See my portfolio

仕様

ブラウザー実装状況

関連情報

• <div>