[4]

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

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

属性

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

rubyruby=""

不思議解釈

[19]

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

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

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

例

[15] スタイル・シートで表現を指定する例

<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>

(HTML 4 仕様書より、改)

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

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

歴史

HTML3

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

[28]

HTML要素概説

要素名

font

日付

1994-12-08

説明

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

出典

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

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

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

[29]

HTML要素概説

要素名

c

日付

1995-05-02

説明

1995-05-02、 Alex Hopmann は ietf-html メーリングリストに c を提案した。以前 font として提案したものだった。

出典

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

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

[39]

HTML要素概説

要素名

c

要素名

text

日付

1995-07-03

説明

1995-07-03、 Benjamin C. W. Sittler は www-style メーリングリストに text を提案した。対して Alex Hopmann はかねてからの c を提案した。 text と c で議論となり、最終的に c が選ばれた。

出典

FontsBenjamin: fwd:Fonts, Benjamin C. W. Sittler, Mon, 3 Jul 1995 12:10:54 -06001995-07-03T12:10:54-06:00, 2023-07-15T03:14:25.000Z, 2024-09-28T06:06:41.893Z https://lists.w3.org/Archives/Public/www-style/1995Jul/0003.html
FontsAlex: Re: fwd:Fonts, Alex Hopmann, Wed, 5 Jul 1995 12:57:03 -07001995-07-05T12:57:03-07:00, 2023-07-15T03:14:25.000Z, 2024-09-28T06:07:10.064Z https://lists.w3.org/Archives/Public/www-style/1995Jul/0011.html

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

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

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

[20]

HTML要素概説

要素名

span

日付

1995-09-25

説明

1995-09-25、 HTML 2.1 に span が追加された。旧版の bidi (bdo 相当を除く。) と lang を統合したものだった。

出典

HTML21: Internationalization of the Hypertext Markup Language, Franois Yergeau, Gavin Thomas Nicol, Glenn Adams, Martin J. Duerst, Internet Draft, 1995-09-25, 2024-08-16T04:10:13.000Z https://datatracker.ietf.org/doc/html/draft-ietf-html-i18n-01

[23]

HTML要素概説

要素名

c

日付

1995-11-22

説明

1995-11-22版 HTML and Style Sheets に c がある。用法は text として提案されたものを引き継いでいる。

出典

HTMLStyle00: HTML and Style Sheets, Bos, Raggett, Lie, 22 Nov 19951995-11-22, 2024-09-28T04:41:08.000Z https://datatracker.ietf.org/doc/html/draft-ietf-html-style-00

[24]

HTML要素概説

要素名

c

要素名

span

日付

1996-01-23

説明

1996-01-23、 HTML and Style Sheets は c を span に改称した。

出典

HTMLStyle01: HTML and Style Sheets, Bos, Raggett, Lie, 23 Jan 961996-01-23, 2024-09-28T04:41:21.000Z https://datatracker.ietf.org/doc/html/draft-ietf-html-style-01

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

[41]

HTML要素概説

要素名

c

要素名

span

要素名

text

技術史文献

>>42

出典

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

注釈

HTML and Style Sheets HTML3 世代の仕様書の1つ。 HTMLStyle00 HTMLStyle01 後に HTML4 へと発展した。

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

HTML4

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

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

HTML 以外

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

[34] SMIL 3.0 smilText (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] DAISY ANSI/NISO Z39.86-2002 - The DAISY Consortium, 2023-11-26T04:45:46.000Z https://daisy.org/info-help/document-archive/archived-projects/daisy-ansi-niso-z39-86-2002-archived/

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

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

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

[2] Schematron にも span 要素があります。

[22]

HTML要素概説

要素名: span
借用先: DTBook
借用先: Widgets
借用先: ITS 1.0
借用先: Schematron

ARIA

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

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

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

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

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

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

属性

不思議解釈

例

関連

歴史

HTML3

HTML4

HTML 以外

ARIA