WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > HTMLタグ・リファレンス > HTMLタグ一覧(ABC順) > <span>「特定の範囲」

<span> 「特定の範囲」[読み方:スパン]

<span>タグは、<span>は、非常に多く利用されるタグです。
<span>自体には意味を持ちませんが、スタイルシートとの組み合わせで、文中の特定の箇所に色や書式を指定したり、注意文言の表示などにも利用される使用頻度の高いタグです。

HTML規格HTML4.01HTML5
使用可否
広告

<span> の仕様

カテゴリー使用できる場所(親要素)コンテンツモデル(子要素)タグ省略
フローコンテンツ
フレージングコンテンツ
パルパブルコンテンツ
フレージングコンテンツを子要素にもてる場所フレージングコンテンツ不可

<span> の属性

【構文】
<span>~内容~</span>
属性意味値のサンプルなど
---
廃止された属性
  • datasrc
  • datafld
  • dataformatas
グローバル属性
  • accesskey
  • autocapitalize
  • autofocus
  • class
  • contenteditable
  • dir
  • draggable
  • enterkeyhint
  • hidden
  • id
  • inert
  • inputmode
  • is
  • itemid
  • itemprop
  • itemref
  • itemscope
  • itemtype
  • lang
  • nonce
  • popover
  • slot
  • spellcheck
  • style
  • tabindex
  • title
  • translate
  • writingsuggestions
イベント属性
ページTOP

<span>タグのサンプル

<span>span自体には意味を持ちませんが、非常に重要なタグです。</span>
span自体には意味を持ちませんが、非常に重要なタグです。

<span>の罫線や色の変更サンプル

<span style="color: blue; background-color:#ffeeff;border: 2px dotted red; padding: 10px;">span自体には意味を持ちませんが、非常に重要なタグです。</span>
span自体には意味を持ちませんが、非常に重要なタグです。
ページTOP

留意事項

  • <span>は<div>と似ていますが、<span>がインライン要素で<div>はブロック要素となります。
    <span>は改行されませんが、<div>はブロックで改行されます。
ページTOP
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン