Revision 2877 of span 要素

<h2 id='{{_.E8.8B.B1.E8.AA.9E.E7.89.88.E7.AB.A0.E9.A1.8C("Summary")_}}.E6.A6.82.E8.A6.81'>{{ 英語版章題("Summary") }}概要</h2>
<p>この要素は、何か特定のセマンティクスを表すものではない、フレージング・コンテンツの為の汎用コンテナです。CSS によるスタイリングの用途等で、要素のグループ化が必要な場合に用います。多くの場合、 <strong>class 属性</strong>か <strong>id 属性</strong>、<strong>lang 属性</strong> 等と共に使われます。セマンティクス上で他に適切な要素がある場合はそちらを使用して下さい。</p>
<p><code>&lt;span&gt;</code> は {{ HTMLElement("div") }} 要素と非常に似た役割を持っています。 {{ HTMLElement("div") }} 要素がブロックレベル要素の汎用コンテナであるのに対し、<code>&lt;span&gt;</code> は<strong>インラインレベル要素の為の汎用コンテナの役割</strong>を果たします。</p>
<h2 id='{{_.E8.8B.B1.E8.AA.9E.E7.89.88.E7.AB.A0.E9.A1.8C("Usage_context")_}}.E4.BD.BF.E7.94.A8.E5.8F.AF.E8.83.BD.E3.81.AA.E5.A0.B4.E6.89.80'>{{ 英語版章題("Usage context") }}使用可能な場所</h2>
<table class="standard-table"> <tbody> <tr> <th>コンテンツ・カテゴリ</th> <td><a href="/ja/HTML/Content_categories#Flow_content" title="ja/HTML/Content categories#Flow content">フロー・コンテンツ</a>、<a href="/ja/HTML/Content_categories#Phrasing_content" title="ja/HTML/Content categories#Phrasing content">フレージング・コンテンツ</a></td> </tr> <tr> <th>許可されたコンテンツ</th> <td><a href="/ja/HTML/Content_categories#Phrasing_content" title="ja/HTML/Content categories#Phrasing content">フレージング・コンテンツ</a></td> </tr> <tr> <th>タグの省略</th> <td>不可。開始タグと終了タグの両方が必要です。</td> </tr> <tr> <th>許可された親要素</th> <td><a href="/ja/HTML/Content_categories#Phrasing_content" title="ja/HTML/Content categories#Phrasing content">フレージング・コンテンツ</a>を受け入れる全ての要素。また、<a href="/ja/HTML/Content_categories#Flow_content" title="ja/HTML/Content categories#Flow content">フロー・コンテンツ</a>を受け入れる全ての要素。</td> </tr> <tr> <th>標準文書</th> <td><a class="external" href="https://www.w3.org/TR/html5/text-level-semantics.html#the-span-element" title='https://www.w3.org/TR/html5/text-level-semantics.html#the-span-element"'>HTML5, section 4.6.24</a>; <a class="external" href="https://www.w3.org/TR/html401/struct/global.html#edef-SPAN" title="https://www.w3.org/TR/html401/struct/global.html#edef-SPAN">HTML 4.01, section 7.5.4</a></td> </tr> </tbody>
</table>
<h2 id='{{_.E8.8B.B1.E8.AA.9E.E7.89.88.E7.AB.A0.E9.A1.8C("Attribute")_}}.E5.B1.9E.E6.80.A7'>{{ 英語版章題("Attribute") }}属性</h2>
<p>他の全ての要素と同様に、この要素は<a href="/ja/HTML/Global_attributes" title="ja/HTML/Global attributes">グローバル属性</a>を持ちます。</p>
<h2 id='{{_.E8.8B.B1.E8.AA.9E.E7.89.88.E7.AB.A0.E9.A1.8C("DOM_interface")_}}DOM_.E3.82.A4.E3.83.B3.E3.82.BF.E3.83.BC.E3.83.95.E3.82.A7.E3.83.BC.E3.82.B9'>{{ 英語版章題("DOM interface") }}DOM インターフェース</h2>
<p>この要素は <code><a href="/ja/DOM/HTMLSpanElement" rel="internal">HTMLSpanElement</a></code> インターフェースを提供します。</p>
<h2 id='{{_.E8.8B.B1.E8.AA.9E.E7.89.88.E7.AB.A0.E9.A1.8C("Example")_}}.E4.BE.8B'>{{ 英語版章題("Example") }}例</h2>
<pre><code>&lt;p&gt;&lt;span&gt;Some text&lt;/span&gt;&lt;/p&gt;</code></pre>
<h3 id='{{_.E8.8B.B1.E8.AA.9E.E7.89.88.E7.AB.A0.E9.A1.8C("Results")_}}.E7.B5.90.E6.9E.9C'>{{ 英語版章題("Results") }}結果</h3>
<p><span>Some text</span></p>
<h2 id='{{_.E8.8B.B1.E8.AA.9E.E7.89.88.E7.AB.A0.E9.A1.8C("See_also")_}}.E5.8F.82.E7.85.A7'>{{ 英語版章題("See also") }}参照</h2>
<ul> <li><a href="/ja/HTML/Element/div" title="ja/HTML/Element/div">div 要素</a></li>
</ul>
<div>{{ HTML:Element_Navigation() }}</div> <div>{{ languages({
"en": "en/HTML/Element/span"
"de": "de/HTML/Element/span"
"pl": "pl/HTML/Element/span"
}) }}</div>