English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTMLリファレンスマニュアル

HTMLタグ一覧

HTML: <span> タグ

HTMLの<span>要素は、一般的な行内容の短文コンテナーであり、特殊な意味を持っていません。これを使用して、スタイルの意図を達成するために要素をグループ化することができます(クラスまたはId属性を使用して)、またはこれらの要素は共通の属性を持っています、例えばlang。他の適切な意味を持つセマンティック要素がない場合にのみ使用すべきです。<span>と<div>要素はとても似ていますが、<div>はブロック要素であり、<span>は行内要素です。

オンラインサンプル

使用 <span> 要素でテキストの一部に色付けします:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基礎トレーニング(oldtoolbag.com)</title> 
</head>
<body>
<p>ここに見えるのは <span style="color:blue;font-weight:bold">青色</span> の空,そして <span style="color:green;font-weight:bold">緑色</span> の草原。</p>
</body>
</html>
テストをしてみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが <span> タグをサポートしています。

タグの定義及び使用説明

<span> は、ドキュメント内のインライン要素を組み合わせるために使用されます。

<span> タグには固定のフォーマットはありません。スタイルを適用すると、視覚的な変化が発生します。スタイルを適用しない場合、<span> 要素内のテキストは他のテキストと視覚的な違いはありません。

<span> タグは、テキストの一部またはドキュメントの一部を独立させる方法を提供します。

ヒントと注意

ヒント:<span> 要素に含まれるテキストは、CSSでスタイルを定義したり、JavaScriptで操作することができます。

HTML 4.01 HTMLと5の違い

無.

グローバル属性

<span> タグがサポートしています HTMLのグローバル属性

イベント属性

<span> タグがサポートしています HTMLのイベント属性