★HTML5タグリファレンス

私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。

<span> …… ひとつの範囲として定義する
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9
Firefox1Firefox2Firefox3Firefox4
Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6
Safari3Safari4Safari5
Opera6Opera7Opera8Opera9Opera10
広告



このページでは、HTML5のspan要素を解説しています。
span要素の最新情報は、以下を参照してください。

<span>タグは、ひとつの範囲として定義する際に使用します。

<span>はそれ自身では何も意味を持っていませんが、style属性・class属性・lang属性・dir属性などの属性と一緒に使用する場合に便利な要素です。
これらの属性と組み合わせることで、<span>~<span>で囲まれた範囲に
スタイルシートやスクリプトを適用したり、その範囲の言語や表記方向を指定することができます。

lang属性は、言語を指定する際に使用します。
例えば、日本語の本文中に部分的に英語が混じる場合などに、読み上げブラウザなどへの影響を考慮して言語を指定します。
lang属性の値は、日本語ならja、英語ならenとなります。

dir属性は、テキストの表記方向を指定する際に指定します。
dir属性の値は、表記方向が左から右ならltr(left-to-right)、右から左ならrtl(right-to-left)となります。

■HTML4.01からHTML5へのバージョンアップによる変更点

span要素は、HTML4.01からHTML5へのバージョンアップで大きな変更はありません。

■属性

lang属性
言語を指定(日本語ならja、英語ならen)
dir属性
文字表記の方向を指定(左から右ならltr、右から左ならrtl)

■使用例

HTMLソース

<p>
絵の具の
<span style=”background-color: #0099FF”>青色</span>と
<span style=”background-color: #FFFF00″>黄色</span>を混ぜると
<span style=”background-color: #33CC33″>緑色</span>になります。
</p>

↓↓↓

ブラウザ上の表示

絵の具の
青色
黄色を混ぜると
緑色になります。

広告



山田 太郎
テック・リード
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

ギャンブルガイド もっと見る

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。
カジノを探す
Back
質問
Select one of the following options
{"is_any_tile":true}

どのカジノが自分に最適か分からないですか?

Back
Restart
やったー!
これはあなたの選択に基づいた最高のカジノです...
63 users signed up
もっと表示する