レンダリング

[13] HTML 4 仕様書は特に典型的レンダリング例を挙げていません。 実際の視覚 UA は斜体 (italic) で表すものが多いようです。

[15] 仮名漢字文では斜体は不適当なので、たとえば

cite {
  font-style: normal;
  quotes: "『" "』" "「" "」";
}
cite:before {
  content: open-quote;
}
cite:after {
  content: close-quote;
}

のようなスタイルが有効かもしれません。

例

[14] 著者名や文献参照の例 HTML 4

As <CITE>Harry S. Truman</CITE> said,
<Q lang="en-us">The buck stops here.</Q>
More information can be found in <CITE>[ISO-0000]</CITE>.

[25] 文書名の例 (リンク付き)

<p>The document type definition is implemented using XHTML
modules as defined in "<cite><a href="#xhtml-modularization">Modularization of XHTML</a></cite>".</p>

出典: W3C HTML Home Page http://www.w3.org/MarkUp/#xhtml-basic (2004年7月付け)

[22] 文書名の例 (引用符付き)

<p>Authors may include an XML stylesheet processing instruction for 
the universal MathML stylesheet as explained in "<cite>Putting mathematics
on the Web with MathML</cite>" [<a href="#ref-mathml-xsl" class="informref">MathML-XSL</a>], and (略)</p>

出典: An XHTML + MathML + SVG Profile http://www.w3.org/TR/2002/WD-XHTMLplusMathMLplusSVG-20020809/#howto-math

[23] 参考文献一覧における使用例

<dt class="label"><a name="html401" id="html401">HTML 4.01</a></dt><dd><a name="html401" id="html401">Dave Raggett, Arnaud Le Hors, Ian Jacobs, Eds., </a><a href="http://www.w3.org/TR/html401/"><cite>HTML 4.01 Specification</cite></a>, W3C Recommendation. (See <a href="http://www.w3.org/TR/html401/">http://www.w3.org/TR/html401</a>.) </dd>

出典: Character Model for the World Wide Web 1.0: Fundamentals http://www.w3.org/TR/2005/REC-charmod-20050215/#html401

[24] 参考文献参照の例

<p>RDF is an assertional language intended to be used to express <a href="#glossProposition" class="termref">propositions</a> using precise formal 
  vocabularies, particularly those specified using RDFS [<cite><a href="#ref-rdf-vocabulary">RDF-VOCABULARY</a></cite>], 
  for access and use over the World Wide Web, and is intended to provide a basic 
  foundation for more advanced assertional languages with a similar purpose.

出典: RDF Semantics http://www.w3.org/TR/2004/REC-rdf-mt-20040210/#intro

[26] 引用文に使った例

<h1>Introduction</h1>
<cite>"The intuitive editing interfaces that would make authoring a natural part of daily
life ... are still maturing" -- Tim Berners-Lee in "Spinning the Semantic Web"</cite>
<p>Today web content is created in stand alone web editing applications
or in simple text editors.

出典: eDOM Introduction http://www.playsophy.com/edom/edom.html#content (2003年5月付け)

章初の引用部に cite 要素型を使っています。 本来は blockquote 要素などを使うべきところです。 (-- 以下の部分にある引用部著者名と文献名だけが cite として適切です。)

[28]

<dd>
<a href="http://www.w3.org/XML/xml-names-19990114-errata"><cite>Namespaces in XML Errata</cite></a>.
W3C (World Wide Web Consortium).
Available at
http://www.w3.org/XML/xml-names-19990114-errata.
</dd>

(名無しさん [sage])

BLOCKQUOTE 要素及び CITE 要素の配置

[1] 次のような文章片をマーク付けするとします。

 >>927 の質問に対して、 >>931 はこう答えました。
  『blockquote要素の中に出典を示すcite要素を包含すべきか』 に関する議論リンク集
   ttp://cdmasato.hp.infoseek.co.jp/extra/www/cite_blockquote.htm
                                          『Strict-HTML スレッド ver.9』>>931

HTML/XHTML では次の2通りのマーク付けが考えられ、 >>2 や >>1 例文のスレの意見では >>4 の方法がやや優勢のようです。

[3]

 <p>&gt;&gt;927 の質問に対して、 &gt;&gt;931 はこう答えました。</p>
 <blockquote cite="http://pc2.2ch.net/test/read.cgi/hp/1039974316/931">
 <pre>『blockquote要素の中に出典を示すcite要素を包含すべきか』 に関する議論リンク集
 ttp://cdmasato.hp.infoseek.co.jp/extra/www/cite_blockquote.htm</pre>
 <p><cite>『Strict-HTML スレッド ver.9』&gt;&gt;931</cite></p>
 </blockquote>

[4]

 <p>&gt;&gt;927 の質問に対して、 &gt;&gt;931 はこう答えました。</p>
 <blockquote cite="http://pc2.2ch.net/test/read.cgi/hp/1039974316/931">
 <pre>『blockquote要素の中に出典を示すcite要素を包含すべきか』 に関する議論リンク集
 ttp://cdmasato.hp.infoseek.co.jp/extra/www/cite_blockquote.htm</pre>
 </blockquote>
 <p><cite>『Strict-HTML スレッド ver.9』&gt;&gt;931</cite></p>

[5] >>3 の問題は CITE 要素が引用を示す BLOCKQUOTE 要素の孫である点 (と、 CITE 要素は行内要素なので、無意味に近い p 要素又は div 要素が間に必要な点)。 >>4 の問題は BLOCKQUOTE 要素と CITE 要素の関連が明示できない点。 (特に枠線や背景のようなスタイル指定の適用を考えると) 両要素を含む親要素が必要になります。

[6] というように現在の HTML/XHTML1 ではうまいマーク付け方法はありません。 table 要素と caption 要素の関係に倣って、次のように書けるといいのですが...

 <p>&gt;&gt;927 の質問に対して、 &gt;&gt;931 はこう答えました。</p>
 <blockquote cite="http://pc2.2ch.net/test/read.cgi/hp/1039974316/931">
 <caption><cite>『Strict-HTML スレッド ver.9』&gt;&gt;931</cite></caption>
 <pre>『blockquote要素の中に出典を示すcite要素を包含すべきか』 に関する議論リンク集
 ttp://cdmasato.hp.infoseek.co.jp/extra/www/cite_blockquote.htm</pre>
 </blockquote>

(この場合の CITE 要素は要らないかもしれない気がしますけど、断言できません...)

[7] 余談ですが、 CITE 要素の元々の意図は、次のような使い方だと思われます。 (要確認)

 一口に Strict と言っても、色々な考えがある
 (<cite>Strict-HTML スレッド ver.9</cite>, 2003)。

欧文だと cite {font-style: italic} になるわけですが、それはさておき、この方向で行けば、次の書き方が一番よいことになります。

 <p>&gt;&gt;927 の質問に対して、 
 <cite>『Strict-HTML スレッド ver.9』&gt;&gt;931</cite> 
 にはこんな答えがあります。</p>
 <blockquote cite="http://pc2.2ch.net/test/read.cgi/hp/1039974316/931">
 <pre>『blockquote要素の中に出典を示すcite要素を包含すべきか』 に関する議論リンク集
 ttp://cdmasato.hp.infoseek.co.jp/extra/www/cite_blockquote.htm</pre>
 </blockquote>

つまり、文法的に正しくマーク付けするためには HTML の想定していた書き方をしないといけない (HTML 文法が自然言語に介入している) 段落内のリスト問題と同種であるような気がします。

• [2] 『blockquote要素の中に出典を示すcite要素を包含すべきか』に関する議論リンク集 @ CD http://cdmasato.hp.infoseek.co.jp/extra/www/cite_blockquote.htm
• [8] HTML3.0 マンセー

[10] >>8 HTML 3.0 ではこう書きます:

 <blockquote cite="http://pc2.2ch.net/test/read.cgi/hp/1039974316/931">
 <credit><cite>『Strict-HTML スレッド ver.9』&gt;&gt;931</cite></credit>
 <bodytext>
 <pre>『blockquote要素の中に出典を示すcite要素を包含すべきか』 に関する議論リンク集
 ttp://cdmasato.hp.infoseek.co.jp/extra/www/cite_blockquote.htm</pre>
 </bodytext>
 </blockquote>

ただし、 bodytext 要素はタグを省略可能ですから、 自明なので

 <blockquote cite="http://pc2.2ch.net/test/read.cgi/hp/1039974316/931">
 <credit><cite>『Strict-HTML スレッド ver.9』&gt;&gt;931</cite></credit>
 <pre>『blockquote要素の中に出典を示すcite要素を包含すべきか』 に関する議論リンク集
 ttp://cdmasato.hp.infoseek.co.jp/extra/www/cite_blockquote.htm</pre>
 </blockquote>

と書けます。

credit が引用本文の前に来ますが、 table の caption 同様、表示や読み上げは前か後か (右か左か非表示か) スタイル言語で選択可能でしょう。

[29]

<p>次に、文学作品を引用する。</p>
<blockquote>
<p>吾輩は猫である。名前はまだない。…</p>
<p><cite>夏目漱石『吾輩は猫である』</cite></p>
</blockquote>
<p>この引用文を読んで、次の設問に答えなさい etc...</p>

(名無しさん [sage])

[30] >>29 の例のciteは不適切な気がします。

夏目漱石 <cite>吾輩は猫である</cite>

か

<cite>夏目漱石</cite> <cite>吾輩は猫である</cite>

ならともかく。

(名無しさん [sage])

[31] Kill cite but keep kbd? Huh? - Alleged Literature (2006-11-02 06:13:24 +09:00 版) http://www.alleged.org.uk/pdc/2003/xhtml2-cite.html (名無しさん)

[32] IRC logs: w3c / #html-wg / 20070402 (2007-04-03 21:06:53 +09:00 版) http://krijnhoetmer.nl/irc-logs/html-wg/20070402#l-333

# # [22:43] <DanC> the meaning of <cite> has drifted significantly since I added it to HTML. It was introduced via TeXinfo from, but it goes back to the chicago manual of style. It's for marking up titles of works.

# # [22:43] <DanC> that is: it was originally for marking up titles of works.

# # [22:44] <DanC> I was asleep at the wheel when the <cite>Romeo</cite>... <cite>Juliet</cite>... examples got added to HTML4

(名無しさん 2007-04-03 12:26:22 +00:00)

[33] EMail Msg <9306050318.AA10442@wintermute.ncsa.uiuc.edu> (2007-07-01 05:00:05 +09:00 版) http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q2.messages/436.html (名無しさん)

[34] Mozilla Thunderbirdとは - はてなダイアリー (2007-09-24 14:18:47 +09:00 版) http://d.hatena.ne.jp/keyword/Mozilla%20Thunderbird

<cite><a href="http://getthunderbird.jp/">Mozilla Thunderbird 日本語版</a></cite></blockquote>

(名無しさん)

[35] Adobe: Soluciones: Telecomunicaciones (2007-09-24 14:32:22 +09:00 版) http://www.adobe.com/es/resources/telecom/

						<blockquote>
							<p><q>HP decidi&oacute; trabajar con Adobe porque la plataforma Flash es l&iacute;der del sector.</q></p>
							<cite>Marco Limena, vicepresidente, Soluciones de proveedores de servicios y redes, HP</cite> </blockquote>

(名無しさん)

[38] Re: several messages about <cite> (Ian Hickson <ian@...> 著, 2008-04-14 22:51:38 +09:00 版) http://permalink.gmane.org/gmane.org.w3c.whatwg.discuss/13691