Edit

Page

Page title:

Page body:

[4] [CODE(HTMLe)[span]] 要素型は、 [CODE(HTMLa)[class]]
属性や [CODE(HTMLa)[id]] 属性と併用することで、
[[文書]]に[[構造]]を与えるための一般的な仕組みとして用意されました。

[CODE(HTMLe)[span]] は[[行内要素]]ではありますが、
それ以外に[[表現]]上の制約はありません。
[[著者]]は、[[スタイルシート]]や [CODE(HTMLa)[[[lang]]]]
属性を使って要求を満たすことができます。

[13] 仕様書:
- [[HTML 4]]
-- [CODE(HTMLe)[span]] <IW:HTML4:"struct/global.html#edef-SPAN">
-- 14.2.3 Header style information: the [CODE(HTMLe)[STYLE]] element
<IW:HTML4:"present/styles.html#style-group">
-- [[厳密DTD]]: <IW:HTML4:"sgml/dtd.html">
-- [[移行用DTD]]: <IW:HTML4:"sgml/loosedtd.html">

[5] 
:状態:[[W3C]][[勧告]]
:[[局所名]]:[CODE(HTMLe)@en[[[span]]]] ([Q@en[span]] ([Q[範囲]]) より)
:[[名前空間URI]]:[CODE(URI)@en[[[http://www.w3.org/1999/xhtml]]]]
:[[開始タグ]]:必須
:[[終了タグ]]:必須
:[[内容モデル]]:[CODE(SGML)[(%[[inline]];)*]]
:出現できる文脈:[CODE(SGML)[%inline]] な文脈

* 属性

,[CODE(HTMLa)[[[_moz_activated]]]]	,	,	,	,非標準	,[[Mozilla]]
,[CODE(HTMLa)[[[_moz_anonclass]]]]	,	,	,	,非標準	,[[Mozilla]]
,[CODE(HTMLa)[[[class]]]]	,	,	,[[級]]	,[HTML4] %[[coreattr]] ⊂ %[[attrs]]
,[CODE(HTMLa)[[[datafld]]]]	,	,	,欄名	,[HTML4] 予約
,[CODE(HTMLa)[[[dataformat]]]]	,	,	,データ書式	,[HTML4] 予約
,[CODE(HTMLa)[[[datasrc]]]]	,	,	,データ源	,[HTML4] 予約
,[CODE(HTMLa)[[[dir]]]]	,	,	,[[書字方向]]	,[HTML4] %[[i18n]] ⊂ %attrs
,[CODE(HTMLa)@en[[[editable]]]]	,	,	,	,非標準
,[CODE(HTMLa)@en[[[editblock]]]]	,	,	,	,非標準
,[CODE(HTMLa)[[[id]]]]	,	,	,一意識別子	,[HTML4] %coreattr ⊂ %attrs
,[CODE(HTMLa)[[[lang]]]]	,	,	,[[自然言語]]	,[HTML4] %i18n ⊂ %attrs
,[CODE(HTMLa)[[[xml]]:lang]]	,	,	,自然言語	,[XHTML1] %i18n ⊂ %attrs
,[CODE(HTMLa)[[[_moz_activated]]]]	,	,	,	,非標準
,[CODE(HTMLa)[[[onclick]]]]	,	,	,	,[HTML4] %[[events]] ⊂ %attrs
,[CODE(HTMLa)[[[ondblclick]]]]	,	,	,	,[HTML4] %events ⊂ %attrs
,[CODE(HTMLa)[[[onkeydown]]]]	,	,	,	,[HTML4] %events ⊂ %attrs
,[CODE(HTMLa)[[[onkeypress]]]]	,	,	,	,[HTML4] %events ⊂ %attrs
,[CODE(HTMLa)[[[onkeyup]]]]	,	,	,	,[HTML4] %events ⊂ %attrs
,[CODE(HTMLa)[[[onmousedown]]]]	,	,	,	,[HTML4] %events ⊂ %attrs
,[CODE(HTMLa)[[[onmousemove]]]]	,	,	,	,[HTML4] %events ⊂ %attrs
,[CODE(HTMLa)[[[onmouseout]]]]	,	,	,	,[HTML4] %events ⊂ %attrs
,[CODE(HTMLa)[[[onmouseover]]]]	,	,	,	,[HTML4] %events ⊂ %attrs
,[CODE(HTMLa)[[[onmouseup]]]]	,	,	,	,[HTML4] %events ⊂ %attrs
,[CODE(HTMLa)[[[_moz_quote]]]]	,	,	,	,非標準	,[[Mozilla]]
,[CODE(HTMLa)@en[[[spellcheck]]]]	,	,	,	,非標準	,[[Firefox 2]]
,[CODE(HTMLa)[[[style]]]]	,	,	,スタイル情報	,[HTML4] %coreattr ⊂ %attrs
,[CODE(HTMLa)[[[title]]]]	,	,	,注釈的題	,[HTML4] %coreattr ⊂ %attrs

[HISTORY[

- [CODE[ruby][ruby=""]]

]HISTORY]

** 不思議解釈

[19]

> span要素とは'''文書構造に何も影響を与えない単なるタグ'''です。

出典: [CITE[ボックスのお話 - Webデザインの教科書 :: オシャレチップス]] 
<http://oshare.chips.jp/m_magazine/html07.html#content>
(2005年4月付け、2005年4月現在)

そんなはずあるか。阿呆らしい。何の影響も与えないなら、
なぜそんな[Q[タグ]]を書く必要がある?

[[#comment]]

** 例

[15] スタイル・シートで表現を指定する例
[PRE(HTML)[
<HEAD>
 <TITLE>SPAN and Style Sheet Example</TITLE>
 <STYLE type="text/css">
  SPAN.sc-ex { font-variant: small-caps }
 </STYLE>
</HEAD>
<BODY>
  <P><SPAN class="sc-ex">The first</SPAN> few words of
  this paragraph are in small-caps.
</BODY>
]PRE]

[WEAK[(HTML 4 仕様書より、改)]]

この例では、段落の最初の数語を small capital で表示するように指示しています。

[16]
>>15 のような構造の記述よりも表現の記述に近いマーク付けを行うことは好ましくないと考える人もいます。

* 関連

[1] 「[CODE[span]]」が名前に入った[[属性]]として、次のものがあります。
(いずれも [CODE(HTMLe)@en[span]] [[要素]]とは無関係です。)
[FIG(list short)[
- [CODE[<colgroup span>
- [CODE[<col span>
- [CODE(HTMLa)@en[colspan]]
- [CODE(HTMLa)@en[rowspan]]
- [CODE(HTMLa)@en[rbspan]]
]FIG]

-*-*-

[18] 
[[HTML]] からの派生かどうかは定かではありませんが、
[[コーパスのタグセット]]にも [CODE[span]]
[[要素]]があり、汎用の[[行内要素]]相当の使われ方がされています。
[CODE[<span type>]] [[属性]]があります。
用途については [CODE[script=""]] も参照。

* 歴史

** HTML3

[27] [CITE[Minutes of the HyperText Markup Language Working Group (HTML)]], 
Reported by Tom Magliery/NCSA,
[TIME[1995-02-27T16:25:36.000Z]], 
[TIME[2024-09-28T05:58:04.796Z]] <https://ftp.ripe.net/ietf/html/html-minutes-94dec.txt>

[FIG(data)[ [28] [[HTML要素概説]]

:[F[要素名]]:[CODE[font]]
:日付:[TIME[1994-12-08]]
:説明:
[TIME[1994-12-08]]の
[[ietf-html]]
会合で
[CODE[font]]
が議論された。
[[Netscape]] が実装したものの他、
[[Alex Hopmann]]
が類似の提案を提出した。
[[マーク付け]]法と[[スタイルシート]]法で対立し議論はまとまらなかった。
[[Alex Hopmann]]
の提案は後に 
[CODE[c]]
となる。
:出典:
[REFS[

-
[DFN[ietf-html-94dec]]:
[CITE@en[Minutes of the HyperText Markup Language Working Group (HTML)]], 
Reported by [DATA(.author)[[[Tom Magliery]]]]/NCSA,
[TIME(.published)[1995-02-27T16:25:36.000Z]], 
[TIME[2024-09-28T05:58:04.796Z]] <https://ftp.ripe.net/ietf/html/html-minutes-94dec.txt>

]REFS]

]FIG]

- [25] [CITE[Character Formatting Proposal]], [TIME[2024-09-28T05:48:53.000Z]], [TIME[1996-11-04T04:09:03.132Z]] <https://web.archive.org/web/19961104033303/http://ugly.resnova.com/htmlcharacterformatting.html>
- [26] [CITE[html-wg-95q2: Re: color text?]], 
[[Alex Hopmann]],
Tue, 2 May 95 17:11:27 EDT,
[TIME[1995-05-03T18:05:10.000Z]], [TIME[2024-09-28T05:49:03.962Z]] <https://ksi.cpsc.ucalgary.ca/archives/HTML-WG/html-wg-95q2.messages/0508.html>

[33] [CITE[html-wg-95q2: Re: color text?]], [TIME[1995-05-03T18:05:10.000Z]], [TIME[2024-09-28T06:07:33.626Z]] <https://ksi.cpsc.ucalgary.ca/archives/HTML-WG/html-wg-95q2.messages/0513.html>

[FIG(data)[ [29] [[HTML要素概説]]

:[F[要素名]]:[CODE[c]]
:日付:[TIME[1995-05-02]]
:説明:
[TIME[1995-05-02]]、
[[Alex Hopmann]]
は
[[ietf-html]]
[[メーリングリスト]]に
[CODE[c]]
を提案した。
以前
[CODE[font]]
として提案したものだった。
:出典:
[REFS[

- 
[DFN[CharFormatAlex]]:
[CITE@en[Character Formatting Proposal]], 
by [DATA(.author)[[[Alex Hopmann]]]], ResNova Software, Inc.,
[TIME[2024-09-28T05:48:53.000Z]], [TIME(.published)[1996-11-04T04:09:03.132Z]] <https://web.archive.org/web/19961104033303/http://ugly.resnova.com/htmlcharacterformatting.html>
- 
[DFN[ColorTextAlex]]:
[CITE@en[Re: color text?]], 
[DATA(.author)[[[Alex Hopmann]]]],
[TIME(.published)[Tue, 2 May 95 17:11:27 EDT][1995-05-02T17:11:27-04:00]],
[TIME[1995-05-03T18:05:10.000Z]], [TIME[2024-09-28T05:49:03.962Z]] <https://ksi.cpsc.ucalgary.ca/archives/HTML-WG/html-wg-95q2.messages/0508.html>

]REFS]

]FIG]

-
[30] [CITE@en[fwd:Fonts]], [[Benjamin C. W. Sittler]], [TIME[2023-07-15T03:14:25.000Z]], [TIME[2024-09-28T06:06:41.893Z]] <https://lists.w3.org/Archives/Public/www-style/1995Jul/0003.html>
-
[31] [CITE@en[Re: fwd:Fonts]], [[Bert Bos]], [TIME[2023-07-15T03:14:25.000Z]], [TIME[2024-09-28T06:06:57.505Z]] <https://lists.w3.org/Archives/Public/www-style/1995Jul/0016.html>
- 
[32] 
[CITE@en[Re: fwd:Fonts]], [[Alex Hopmann]], [TIME[2023-07-15T03:14:25.000Z]], [TIME[2024-09-28T06:07:10.064Z]] <https://lists.w3.org/Archives/Public/www-style/1995Jul/0011.html>

[FIG(data)[ [39] [[HTML要素概説]]

:[F[要素名]]:[CODE[c]]
:[F[要素名]]:[CODE[text]]
:日付:[TIME[1995-07-03]]
:説明:
[TIME[1995-07-03]]、
[[Benjamin C. W. Sittler]]
は
[[www-style]] [[メーリングリスト]]に
[CODE[text]]
を提案した。
対して
[[Alex Hopmann]]
はかねてからの
[CODE[c]]
を提案した。
[CODE[text]] と [CODE[c]] で議論となり、
最終的に 
[CODE[c]]
が選ばれた。
:出典:
[REFS[

-
[DFN[FontsBenjamin]]:
[CITE@en[fwd:Fonts]], 
[DATA(.author)[[[Benjamin C. W. Sittler]]]], 
[TIME(.published)[Mon, 3 Jul 1995 12:10:54 -0600][1995-07-03T12:10:54-06:00]],
[TIME[2023-07-15T03:14:25.000Z]], [TIME[2024-09-28T06:06:41.893Z]] <https://lists.w3.org/Archives/Public/www-style/1995Jul/0003.html>
-
[DFN[FontsAlex]]:
[CITE@en[Re: fwd:Fonts]], 
[DATA(.author)[[[Alex Hopmann]]]], 
[TIME(.published)[Wed, 5 Jul 1995 12:57:03 -0700][1995-07-05T12:57:03-07:00]],
[TIME[2023-07-15T03:14:25.000Z]], [TIME[2024-09-28T06:07:10.064Z]] <https://lists.w3.org/Archives/Public/www-style/1995Jul/0011.html>

]REFS]

]FIG]

[102] [CITE@en[draft-ietf-html-style-00]], [TIME[2024-09-28T04:41:08.000Z]] <https://datatracker.ietf.org/doc/html/draft-ietf-html-style-00>

[38] [CITE@en[Re: draft-ietf-html-style-00.txt]], [[Michael J Hannah]], [TIME[2023-07-15T03:14:27.000Z]], [TIME[2024-09-28T06:09:15.155Z]] <https://lists.w3.org/Archives/Public/www-style/1995Dec/0039.html>

[103] [CITE@en[draft-ietf-html-style-01]], [TIME[2024-09-28T04:41:21.000Z]] <https://datatracker.ietf.org/doc/html/draft-ietf-html-style-01>

[FIG(data)[ [20] [[HTML要素概説]]

:[F[要素名]]:[CODE[span]]
:日付:[TIME[1995-09-25]]
:説明:
[TIME[1995-09-25]]、
[[HTML 2.1]] 
に
[CODE[span]]
が追加された。
旧版の
[CODE[bidi]] ([CODE[bdo]] 相当を除く。)
と
[CODE[lang]]
を統合したものだった。
:出典:
[REFS[

-
[DFN[HTML21]]:
[CITE@en[Internationalization of the Hypertext Markup Language]], 
[DATA(.author)[[[Franois Yergeau]]]],
[DATA(.author)[[[Gavin Thomas Nicol]]]],
[DATA(.author)[[[Glenn Adams]]]],
[DATA(,author)[[[Martin J. Duerst]]]],
[DATA(.status)[[[Internet Draft]]]],
[TIME(.published)[1995-09-25]],
[TIME[2024-08-16T04:10:13.000Z]] <https://datatracker.ietf.org/doc/html/draft-ietf-html-i18n-01>

]REFS]

]FIG]

[FIG(data)[ [23] [[HTML要素概説]]

:[F[要素名]]:[CODE[c]]
:日付:[TIME[1995-11-22]]
:説明:
[TIME[1995-11-22]]版
[CITE@en[HTML and Style Sheets]]
に
[CODE[c]]
がある。
用法は [CODE[text]] として提案されたものを引き継いでいる。
:出典:
[REFS[

-
[DFN[HTMLStyle00]]:
[CITE@en[HTML and Style Sheets]],
[DATA(.author)[Bos]], 
[DATA(.author)[Raggett]],
[DATA(.author)[Lie]],
[TIME(.published)[22 Nov 1995][1995-11-22]],
[TIME[2024-09-28T04:41:08.000Z]] <https://datatracker.ietf.org/doc/html/draft-ietf-html-style-00>

]REFS]

]FIG]

[FIG(data)[ [24] [[HTML要素概説]]

:[F[要素名]]:[CODE[c]]
:[F[要素名]]:[CODE[span]]
:日付:[TIME[1996-01-23]]
:説明:
[TIME[1996-01-23]]、
[CITE@en[HTML and Style Sheets]]
は
[CODE[c]]
を
[CODE[span]]
に改称した。
:出典:
[REFS[

-
[DFN[HTMLStyle01]]:
[CITE@en[HTML and Style Sheets]],
[DATA(.author)[Bos]], 
[DATA(.author)[Raggett]],
[DATA(.author)[Lie]],
[TIME(.published)[23 Jan 96][1996-01-23]],
[TIME[2024-09-28T04:41:21.000Z]] <https://datatracker.ietf.org/doc/html/draft-ietf-html-style-01>

]REFS]

]FIG]

[40] 
[CITE@en[Elements/span - HTML Wiki]], [TIME[2024-09-28T06:14:44.000Z]], [TIME[2022-12-05T05:53:52.841Z]] <https://web.archive.org/web/20221205014248/https://www.w3.org/html/wiki/Elements/span>

[FIG(data)[ [41] [[HTML要素概説]]

:[F[要素名]]:[CODE[c]]
:[F[要素名]]:[CODE[span]]
:[F[要素名]]:[CODE[text]]
:技術史文献:[SRC[>>42]]
:出典:
[REFS[

- [42] 
[DFN[HTMLWiki:span]]:
[CITE@en[Elements/span - HTML Wiki]], 
This page was last modified on [TIME(.published)[14 December 2010, at 21:36][2010-12-14T21:36]].,
[TIME[2024-09-28T06:14:44.000Z]], [TIME[2022-12-05T05:53:52.841Z]] <https://web.archive.org/web/20221205014248/https://www.w3.org/html/wiki/Elements/span>

]REFS]
:注釈:
- [DFN@en[[CITE@en[HTML and Style Sheets]]]]
[[HTML3]] 世代の仕様書の1つ。
[SRC[HTMLStyle00]]
[SRC[HTMLStyle01]]
後に [[HTML4]] へと発展した。

]FIG]

[43] 
[CITE[The LiveGe'ez Remote Processing Protocol]], [TIME[2024-10-06T05:40:44.000Z]], [TIME[2000-08-24T10:43:12.868Z]] <https://web.archive.org/web/20000824103755/http://libeth.netpedia.net/LiveGeez.html>

** HTML4

[14] [[スタイル・シート]]を使うとおおよそどんな要素にもスタイルを指定できるのですが、
[[行内要素]]であることを除いては表現上の意味を持たない
[CODE(HTMLe)[span]] 要素型は特に便利です。
特に [CODE(HTMLa)[[[class]]]] 属性や [CODE(HTMLa)[[[id]]]]
属性を使って、 HTML を無限に拡張できます。 [SRC[HTML 4]]

[17] HTML 4 DTD の注釈 (参考) には
[Q[generic language/style container]]
([Q[共通言語・様式包含子]]) と書かれています。

** HTML 以外

[21]
[CITE@en-US[Internationalization Tag Set (ITS) Version 1.0]] ([CODE[2007-04-03 18:11:18 +09:00]] 版)

[34] [CITE[SMIL 3.0 smilText]] ([TIME[2008-12-02 00:45:09 +09:00]] 版) <http://www.w3.org/TR/2008/REC-SMIL3-20081201/smil-text.html#edef-span>

[11] 
[[DTBook]] にもあります。

- [12] [CITE@en-US[DAISY ANSI/NISO Z39.86-2002 - The DAISY Consortium]], [TIME[2023-11-26T04:45:46.000Z]] <https://daisy.org/info-help/document-archive/archived-projects/daisy-ansi-niso-z39-86-2002-archived/>

[35] [CITE[Packaged Web Apps (Widgets) - Packaging and XML Configuration (Second Edition)]]
( ([TIME[2012-11-22 21:22:20 +09:00]] 版))
<http://w3c.github.com/packed-webapps/packaging/#the-span-element-and-its-attributes>

[36] [CITE@en-US[Internationalization Tag Set (ITS) Version 1.0]]
( ([TIME[2007-04-03 09:11:18 +09:00]] 版))
<http://www.w3.org/TR/its/#its-conformance-1-4>

[37] [CITE@en-US[Internationalization Tag Set (ITS) Version 1.0]]
( ([TIME[2007-04-03 09:11:18 +09:00]] 版))
<http://www.w3.org/TR/its/#selection-local>

[2] [[Schematron]] にも [CODE(XMLe)@en[span]] [[要素]]があります。

[FIG(data)[ [22] [[HTML要素概説]]

:[F[要素名]]:[CODE[span]]
:借用先:[[DTBook]]
:借用先:[[Widgets]]
:借用先:[[ITS 1.0]]
:借用先:[[Schematron]]

]FIG]

** ARIA

[3] [CITE@en[UIA mapping for span / issue #124]]
([[jasonkiss]]著, [TIME[2018-03-02 08:16:41 +09:00]])
<https://github.com/w3c/html-aam/commit/c6f725eaead9a9fbd16f7e2bd9b5ce9601d284e6>

[6] [CITE@en[UIA mapping for span / issue #124]]
([[jasonkiss]]著, [TIME[2018-03-02 08:16:41 +09:00]])
<https://github.com/w3c/html-aam/commit/c6f725eaead9a9fbd16f7e2bd9b5ce9601d284e6>

[7] [CITE@en[UIA mapping for <span> is incorrect · Issue #124 · w3c/html-aam]]
([TIME[2018-05-08 21:45:55 +09:00]])
<https://github.com/w3c/html-aam/issues/124>

[8] [CITE@en[UIA mapping for <span> is incorrect · Issue #124 · w3c/html-aam]]
([TIME[2018-05-08 21:45:55 +09:00]])
<https://github.com/w3c/html-aam/issues/124>

[9] [CITE@en[Revert "UIA mapping for span / issue #124"]]
([[jasonkiss]]著, [TIME[2018-03-03 05:34:24 +09:00]])
<https://github.com/w3c/html-aam/commit/95f567916898826c250886813cdfd1eb21f5b4ab>

[10] [CITE@en[UIA mapping for <span> is incorrect · Issue #124 · w3c/html-aam]]
([TIME[2018-05-08 21:47:04 +09:00]])
<https://github.com/w3c/html-aam/issues/124>

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Page name(s)