blockquote

blockquote

blockquote 要素型 (HTML, XHTML 1)

[11] blockquote 要素型は、長い引用 (long quotation) を表します。ここで、「長い」とは、 「短い」引用である q 要素型との対比であり、 ブロック水準要素内容であることを意味します。

[12]

開始タグ
必須
終了タグ
必須
内容模型 (HTML 1.0 I-D)
(%htext | p)+
内容模型 (HTML 2.0, HTML 3.2)
%body.content;
内容模型 (HTML 3.0 I-D)
(bodytext, credit?)
内容模型 (HTML 4 移行用)
(%flow;)*
内容模型 (HTML 4 Strict)
(%block; | script)*
内容模型 (ISO-HTML)
(%block;)+
最小内容模型 (XHTML 1)
(PCDATA | Heading | Block | List)*
出現できる文脈 (HTML 1.0)
%bodyelement が出現できる場所
出現できる文脈 (HTML 2)
%block.forms が出現できる場所
出現できる文脈 (HTML 3.0, HTML 3.2, HTML 4, ISO-HTML)
%block が出現できる場所
モジュール (XHTML 1)
Block PhrasalText
属性
align(left | right | center | justify)(書字方向依存)揃え[HTML 2.x] %just
citeURI参照(なし)出典[HTML 4], [ISO-HTML], [XHTML 1]
class[HTML 3.0] %attrs, [HTML 2.x] %attrs, [HTML 4] %coreattr, [ISO-HTML] %core, [XHTML 1] Core
clear[HTML 3.0] %needs
dir書字方向[HTML 2.x] %attrs, [HTML 4] %i18n, [ISO-HTML] %i18n, [XHTML 1] I18N
id一意識別子[HTML 3.0] %attrs, [HTML 2.x] %attrs, [HTML 4] %coreattr, [ISO-HTML] %core, [XHTML 1] Core
lang自然言語[HTML 3.0] %attrs, [HTML 2.x] %attrs, [HTML 4] %i18n, [ISO-HTML] %i18n, [XHTML 1.0]
xml:lang自然言語[XHTML 1] I18N
nowrap(nowrap)折畳み可否[HTML 3.0]
onclick[HTML 4] %events, [XHTML 1] Intrinsic Events
ondblclick[HTML 4] %events, [XHTML 1] Intrinsic Events
onkeydown[HTML 4] %events, [XHTML 1] Intrinsic Events
onkeypress[HTML 4] %events, [XHTML 1] Intrinsic Events
onkeyup[HTML 4] %events, [XHTML 1] Intrinsic Events
onmousedown[HTML 4] %events, [XHTML 1] Intrinsic Events
onmousemove[HTML 4] %events, [XHTML 1] Intrinsic Events
onmouseout[HTML 4] %events, [XHTML 1] Intrinsic Events
onmouseover[HTML 4] %events, [XHTML 1] Intrinsic Events
onmouseup[HTML 4] %events, [XHTML 1] Intrinsic Events
SDAFORMBQ (固定)[HTML 2]
styleスタイル情報[HTML 4] %coreattr, [XHTML 1] Style
title注釈的題[HTML 4] %coreattr, [ISO-HTML] %core, [XHTML 1] Core

[21] HTML 2.x にあった align 属性は HTML 4 では消滅しています。

[40] Modularization of XHTML - XHTML Abstract Modules http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_textmodule (名無しさん)

[44] HTML 4 DTD の注釈 (参考) では Block-like Quotes, short inline quotation と説明されています。 (名無しさん [sage])

応用

[15]

(名無しさん 2004-03-21 18:42:46 +00:00)

[20] Conventions for HTML in Email http://www.w3.org/TR/1998/NOTE-HTMLThreading-0105電子メイルのメッセージで HTML を使用するときの引用部分での blockquote 要素などの使用方法を説明しています。 (名無しさん)

レンダリング

[14] IW:HTML4:"struct/text.html#idx-quoted_text-1" によると:

  • 視覚UA は通常字下げ (indent) されたブロックとして表示する
  • スタイル・シート実装者が、言語と入れ子度を考慮しつつ、前後に引用符を挿入できる仕組みを用意することを推奨
  • 単に文を字下げするためだけに使っている香具師がいるから、 UA既定スタイルで引用符を挿入するべきではない (should not)。
  • ただし、字下げに使うことは非推奨であり、スタイル・シートを使うのが良い。

引用のマークに関する諸問題

引用文内の見出し

[1] blockquote 要素内に見出しをおく (見出しごと引用する) 時に見出しを引用の外側の水準の次にするか、引用元と同じにするか問題になりますけど・・・。そもそもの SGML付番の意味を考えれば、そんなの解なしというか、どうでもいいというか。

[2] そもそも見出しごと引用は適切かどうかもよく言われますけど、適切なこともあると思いますよ。具体例は・・・忘れちゃった。この前マーク付けしながら思ってたんだけど。 見出しも引用するのが適当かどうかは個々に判断するべきであって、一般論としては OK だと考えます。

[3] >>1 マークの最小化を認めない XML では付番的要素型名は使うべきじゃないよね。 XHTML 1 は移行用だからやむを得ないが。

[26] 引用と見出し — HTMLの要素についての覚え書き - Personnel http://members.jcom.home.ne.jp/jintrick/Personal/elements.html#blockquote_and_heading

[45]

6:一見関係ありそうで関係ない話を始める

見出しも含めて引用することはあまりない

(名無しさん)

[49] Re: Questions on elements/Diffs from old HTML DTD. (2004-08-08 08:20:54 +09:00 版) http://lists.w3.org/Archives/Public/www-html/1994Jul/0021.html

blockquote 内で見出しが認められていることに関して、 Dan Connolly は、特に理由はないが、 body 内にかけるものはなんでも blockquote 内にかけるように (引用できるように) したかったと説明しています。 (名無しさん)

[51] ブロックレベルの引用に見出しを含む場合:メモランダム (2007-05-25 01:00:46 +09:00 版) http://mynotes.jp/blog/2007/05/blockquote_containing_heading (名無しさん 2007-05-26 03:08:58 +00:00)

字下げ

[4] あ、ちなみに、 blockquote は「インデントするタグ」じゃないですよ。

 
[5] インデントするには text-indent 属性を使いましょう。

[6] 実際のところ、一時の blockquote 字下げブームはひどくて、 猫も杓子も blockquote、 HTML 4 仕様書もわざわざ引用符をつけるなと言わざるを得なかった (>>14) くらいですからねぇ。

利用者スタイルで引用のまわりを枠線で囲むようにしておくと、 引用だけで書かれたウェブ頁が多いことが分かります。

その他

[39] 引用元の書名、著者名などの記述について → credit を参照。

仕様書から

HTML 1.0 I-D

[31]

Blockquote style
A block of text quoted from another source.

BLOCKQUOTE

[32] The BLOCKQUOTE element allows text quoted from another source to be rendered specially.

blockquote 要素は、他の原典から引用した文を含めます。

TYPICAL RENDERING

[33] A typical rendering might be a slight extra left and right indent, and/or italic font. BLOCKQUOTE causes a paragraph break, and typically a line or so of white space will be allowed between it and any text before or after it.

典型的レンダリングは少し余分に左右に字下げする及び/又は斜体 (italic) フォントでしょう。 blockquote は改段落を起こし、 典型的に引用とその前後の文の間に一行かそこらの空白が認められます。

[34] Single-font rendition may for example put a vertical line of ">" characters down the left margin to indicate quotation in the Internet mail style.

フォントが一つのレンダリングでは、例えばインターネット・メイル様式のように引用を示すために左余白に > 文字の縦の行を入れるかもしれません。

EXAMPLE

[35]

I think it ends
<BLOCKQUOTE>Soft you now, the fair Ophelia. Nymph, in thy orisons,
be all my sins remembered.
</BLOCKQUOTE>
but I am not sure.

RFC 1866 (HTML 2.0) 5.5.4. Block Quote: BLOCKQUOTE

[21] The <BLOCKQUOTE> element contains text quoted from another source.

blockquote 要素は、他の原典から引用した文を含めます。

[22] A typical rendering might be a slight extra left and right indent, and/or italic font. The <BLOCKQUOTE> typically provides space above and below the quote.

典型的レンダリングは少し余分に左右に字下げする及び/又は斜体 (italic) フォントでしょう。 典型的に blockquote は引用の上下に間隔を提供します。

[23] Single-font rendition may reflect the quotation style of Internet mail by putting a vertical line of graphic characters, such as the greater than symbol (>), in the left margin.

フォント一つのレンダリングでは、インターネット・メイルの、 左の余白により大きい記号 (>) のような図形文字の縦線を入れるような様式を反映するかもしれません。

[24] Example of use:

使用例:

    I think the play ends
    <BLOCKQUOTE>
    <P>Soft you now, the fair Ophelia. Nymph, in thy orisons, be all
    my sins remembered.
    </BLOCKQUOTE>
    but I am not sure.

HTML+

[37] HTML+ 議論文書では、 blockquote 要素型の代わりに quote 要素型を提案していました。 (が、 blockquote 要素型も互換性のために残してありました。)

参照: http://www.w3.org/MarkUp/HTMLPlus/htmlplus_FootNote_110.html

HTML 3.0 I-D

[38] HTML 3.0 I-D では、 bq 要素型を提案していました。 (が、非推奨ながら一応は blockquote 要素型も互換性のために残してありました。)

HTML 3.2

[16]

BLOCKQUOTE quoted passage
Requires start and end tags. It is used to enclose extended quotations and is typically rendered with indented margins.

blockquote 引用節
開始タグと終了タグが必須です。長い引用を囲むために使用し、 典型的に字下げ余白を取ってレンダリングします。

[17] This is used to enclose block quotations from other works. Both the start and end tags are required. It is often rendered indented http://www.w3.org/TR/REC-html32#bq より抜粋

これはブロック引用を他の work から囲むために使用します。 開始タグと終了タグの両方が必須です。 しばしば字下げしてレンダリングされます。

HTML 4

[19] These two elements designate quoted text. BLOCKQUOTE is for long quotations (block-level content) and Q is intended for short quotations (inline content) that don't require paragraph breaks. IW:HTML4:"struct/text.html#edef-BLOCKQUOTE" より抜粋

これらの二つの要素は、引用文を示します。 blockquote は長い引用 (ブロック水準内容) に、 q は改段落の必要のない短い引用 (行内内容) を想定しています。

ISO-HTML

[28] ISO-HTML strengthens a recommendation in the W3C Recommendation for HTML 4.01 by insisting that the contents of the <BLOCKQUOTE> [W3C 9.2.2] element be specified without surrounding quotation marks. These may be added by a user agent through the use of a style sheet.

[30] NOTE: Authors have recognized that popular browsers often present the <BLOCKQUOTE> [W3C 9.2.2] contents indented left and right, and they have misused the element to obtain this formatting effect for text which was not a block quotation. True block quotations were marked up with quotation marks such as ". The W3C try to provide backward compatibility in the W3C Recommendation for HTML 4.01 and this prevents them requiring the omission of quotation marks. ISO-HTML does not have a backward compatibility requirement, and can insist on quotation mark omission.

[29] Although there is no requirement in SGML or ISO-HTML to place the value of the TITLE attribute on a single line, we encourage authors to do this, to facilitate the use of popular browsers while they move towards fuller conformance. ISO-HTML利用者の指針 http://purl.org/NET/ISO+IEC.15445/Users-Guide.html#BLOCKQUOTE から抜粋)

[36] HTML 1.0 draft の例 >>35

[25] HTML 2.0 仕様書の例 >>24

[18] (HTML 3.2 仕様書 http://www.w3.org/TR/REC-html32#bq から)

<blockquote>
They went in single file, running like hounds on a strong scent,
and an eager light was in their eyes. Nearly due west the broad
swath of the marching Orcs tramped its ugly slot; the sweet grass
of Rohan had been bruised and blackened as they passed.
</blockquote>
<p align=right><em>from "The Two Towers" by J.R.R. Tolkien.</em>

[13] (HTML 4 仕様書より)

<BLOCKQUOTE cite="http://www.mycom.com/tolkien/twotowers.html">
<P>They went in single file, running like hounds on a strong scent,
and an eager light was in their eyes. Nearly due west the broad
swath of the marching Orcs tramped its ugly slot; the sweet grass
of Rohan had been bruised and blackened as they passed.</P>
</BLOCKQUOTE>

[27] ISO-HTML 利用者の指針から:

<BLOCKQUOTE
   LANG=fr
   TITLE="Trait&eacute; sur l'Union Europ&eacute;enne, Article 129 C.">
<p>
Afin de r&eacute;aliser les objectifs vis&eacute;s &agrave; l'article
129B, la Communaut&eacute; :
<p>
met en oeuvre toute action qui peut s'av&eacute;rer n&eacute;cessaire
pour assurer l'interoperabilit&eacute; des r&eacute;seaux, en
particulier dans le domaine de l'harmonisation des
normes techniques ;
</BLOCKQUOTE>

同レンダリング例:

<< Afin de r&eacute;aliser les objectifs vis&eacute;s &agrave; l'article 129B, 
   la Communaut&eacute; :
   met en oeuvre toute action qui peut s'av&eacute;rer n&eacute;cessaire
   pour assurer l'interoperabilit&eacute; des r&eacute;seaux, en
   particulier dans le domaine de l'harmonisation des
   normes techniques ; >>

[41] >>35 とか >>24 のような程度の (短い) 引用は今なら q + display: block の方が適当かもしれないと思いました but I'm not sure。

しかしそう考えると blockquoteq の境界とは曖昧なもので、いっそなくても構わない気もします。

[50] Only use block-level elements in blockquotes | 456 Berea Street (Roger Johansson 著, 2007-05-17 19:53:37 +09:00 版) http://www.456bereastreet.com/archive/200705/only_use_blocklevel_elements_in_blockquotes/ (名無しさん 2007-05-17 10:57:09 +00:00)

[52] EMail Msg <9306050318.AA10442@wintermute.ncsa.uiuc.edu> ( 版) http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q2.messages/436.html

[54]

<p>専属専任媒介契約とは、</p>

<blockquote>
不動産の売買・賃借を不動産業者に依頼するとき結ぶ契約のひとつ。専任契約と同じで、依頼者が他の宅建業者に重ねて媒介や代理を依頼することを禁じる形式のもの。
</blockquote>

<p>とのことです。</p>

blockquote 要素型 (DocBook)

[42] blockquote 要素は、 本文から区分された引用を表します。

IW:DocBook:blockquote

開始タグ
必須
終了タグ
省略可能 (SGML 版), 必須 (XML 版)
内容模型
(title?, attribution?, %component.mix+) −(epigraph — V4.0 以降 —)
属性
共通属性に加えて
role

[43] 例:

<blockquote><attribution>Richard Dawkins</attribution>
<para>
The universe that we observe has precisely the properties we should 
expect if there is, at bottom, no design, no purpose, no evil and
no good, nothing but pitiless indifference.
</para>
</blockquote>

(IW:DocBook:blockquote より)

blockquote 要素 type 属性

[48] Mozilla は内部的な用途 (Messanger での表示) のために、 blockquote 要素型に type 属性を使っています。

確認されている値は cite のみです。メッセージ中の引用を HTML で表示する時にはかならずこの属性がついて、 ブラウザの既定スタイルと区別するんでしょうか?

[53] ふつーの HTML 文書にこの属性を指定しても「ちゃんと」 それっぽく表示されちゃいます。

[55] BlockquoteTypeAttribute - doctype - The blockquote type attribute - Project Hosting on Google Code ( 版) http://code.google.com/p/doctype/wiki/BlockquoteTypeAttribute

HTML もどき

[46] DTBook にもありました。

歴史

[56] Blockquote problems and solutions ❧ Oli.jp (@boblet) ( 版) http://oli.jp/2011/blockquote/

[57] [whatwg] The blockquote element spec vs common quoting practices ( 版) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2011-July/032334.html

[58] Web Applications 1.0 r6639 blockquote example with figcaption for credit ( ( 版)) http://html5.org/tools/web-apps-tracker?from=6638&to=6639

[59] Web Applications 1.0 r6988 More conformance requirements for <blockquote> since people keep asking. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=6987&to=6988

[60] [whatwg] Using footer in blockquote for attribution ( ( 版)) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2012-February/034819.html

[61] WWW-Talk Apr-Jun 1993: Does anyone use <BLOCKQUOTE>? ( ( 版)) http://1997.webhistory.org/www.lists/www-talk.1993q2/0269.html

[62] IRC logs: freenode / #whatwg / 20131005 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20131005

[63] ncsa-mosaic/CHANGES at master · alandipert/ncsa-mosaic ( ( 版)) https://github.com/alandipert/ncsa-mosaic/blob/master/CHANGES#L916

[7] HTML Talk BLOCKQUOTE ( 版) http://www.age.ne.jp/x/sf/HT/HTML/BLOCKQUOTE.html

[8] 【戦慄のルポ】いま全国の「限界マンション」で起きていること(週刊現代) | 現代ビジネス | 講談社(2/4) () http://gendai.ismedia.jp/articles/-/50483?page=2

<p>エレベーターのない5階建ての棟に住む、70代の男性が言う。</p>

<p><span style="color:#000080;">「昔は子供もいっぱいいたけど、いまはもう年寄りばかり。ここ数年で知り合いだけで十数人が亡くなった。なかには、部屋の中で倒れて、死後2週間以上経ってから発見された人もいた。</span></p>

<p><span style="color:#000080;">団地全体だと孤独死の話はしょっちゅう聞きます。皆どこかしら体を悪くして、病院に行く以外は家に引きこもっている。自治会の役員もなり手が少なく、あと5年もしたら、運営が成り立たなくなりますよ」</span></p>

<p>このB団地は、あくまで都営であるため、設備の維持管理は都が担っているので、仮に自治会が組織できなくなっても、一定の環境は維持されるかもしれない。</p>

[9] The Origin of Blockquote (Sean B. Palmer著, ) https://lists.w3.org/Archives/Public/www-archive/2017Aug/0006.html

[10] Re: Provenance of the blockquote element (Dan Connolly著, ) https://lists.w3.org/Archives/Public/public-webhistory/2017Sep/0000.html