<span>

要素の説明

<span>は、汎用的なインライン要素です。HTMLに存在しないスタイルを自分で好きに定義することができます。id属性やclass属性を指定することが多いです。

指定できる属性

id
ページ内に1つ、特別な役割を与える時に指定します。
class
ページ内に複数、特別な役割を与える時に指定します。

中に入れられる要素

<span>には、インライン要素のみ入れることができます。

サンプル

サンプルページ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "https://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">

<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta http-equiv="Content-Style-Type" content="text/css">
 <title>サンプルページ</title>
</head>

<body>
 <div id="header">
  <h1>サンプルページ</h1>
  <p>このページはサンプルを表しています。</p>
 </div>
 <h2>コンテンツ</h2>
 <p>以下ではCSSを使用しています。</p>
 <p>文字を<span style="color:#ff0000">赤く</span>する要素としてみました。</p>
</body>

</html>