目次に戻る

q要素:HTML Living Standard各要素別メモ

概要

カテゴリー
配置できる場所
内容モデル
属性
  • グローバル属性
  • cite→引用元を示すURL。すべてのユーザーが当該URLに容易にアクセスできるわけではないので、引用元の明示にはならない。
HTML構文におけるタグの省略
  • 省略不可。
WAI-ARIA
  • すべてのroleが指定可能。
視覚系ブラウザデフォルトとして期待されるCSS

  :root {quotes: '' '' '' '';}
  :root:lang(en), :not(:lang(en)) > lang(en) {quotes: '' '' '' '';}
  :root:lang(ja), :not(:lang(ja)) > lang(ja) {quotes: '' '' '' '';}
  q::before {content: open-quote;}
  q::after {content: close-quote;}
  
/* 以下、英語・日本語以外の言語の引用符に関連するもの */

  :root:lang(af),       :not(:lang(af)) > lang(af)             {quotes: '' '' '' '';}
  :root:lang(agq),      :not(:lang(agq)) > lang(agq)           {quotes: '' '' '' '';}
  :root:lang(ak),       :not(:lang(ak)) > lang(ak)             {quotes: '' '' '' '';}
  :root:lang(am),       :not(:lang(am)) > lang(am)             {quotes: '' '' '' '';}
  :root:lang(ar),       :not(:lang(ar)) > lang(ar)             {quotes: '' '' '' '';}
  :root:lang(asa),      :not(:lang(asa)) > lang(asa)           {quotes: '' '' '' '';}
  :root:lang(ast),      :not(:lang(ast)) > lang(ast)           {quotes: '' '' '' '';}
  :root:lang(az),       :not(:lang(az)) > lang(az)             {quotes: '' '' '' '';}
  :root:lang(az-Cyrl),  :not(:lang(az-Cyrl)) > lang(az-Cyrl)   {quotes: '' '' '' '';}
  :root:lang(bas),      :not(:lang(bas)) > lang(bas)           {quotes: '' '' '' '';}
  :root:lang(be),       :not(:lang(be)) > lang(be)             {quotes: '' '' '' '';}
  :root:lang(bem),      :not(:lang(bem)) > lang(bem)           {quotes: '' '' '' '';}
  :root:lang(bez),      :not(:lang(bez)) > lang(bez)           {quotes: '' '' '' '';}
  :root:lang(bg),       :not(:lang(bg)) > lang(bg)             {quotes: '' '' '' '';}
  :root:lang(bm),       :not(:lang(bm)) > lang(bm)             {quotes: '' '' '' '';}
  :root:lang(bn),       :not(:lang(bn)) > lang(bn)             {quotes: '' '' '' '';}
  :root:lang(br),       :not(:lang(br)) > lang(br)             {quotes: '' '' '' '';}
  :root:lang(brx),      :not(:lang(brx)) > lang(brx)           {quotes: '' '' '' '';}
  :root:lang(bs),       :not(:lang(bs)) > lang(bs)             {quotes: '' '' '' '';}
  :root:lang(bs-Cyrl),  :not(:lang(bs-Cyrl)) > lang(bs-Cyrl)   {quotes: '' '' '' '';}
  :root:lang(ca),       :not(:lang(ca)) > lang(ca)             {quotes: '' '' '' '';}
  :root:lang(cgg),      :not(:lang(cgg)) > lang(cgg)           {quotes: '' '' '' '';}
  :root:lang(chr),      :not(:lang(chr)) > lang(chr)           {quotes: '' '' '' '';}
  :root:lang(cs),       :not(:lang(cs)) > lang(cs)             {quotes: '' '' '' '';}
  :root:lang(cy),       :not(:lang(cy)) > lang(cy)             {quotes: '' '' '' '';}
  :root:lang(da),       :not(:lang(da)) > lang(da)             {quotes: '' '' '' '';}
  :root:lang(dav),      :not(:lang(dav)) > lang(dav)           {quotes: '' '' '' '';}
  :root:lang(de),       :not(:lang(de)) > lang(de)             {quotes: '' '' '' '';}
  :root:lang(dje),      :not(:lang(dje)) > lang(dje)           {quotes: '' '' '' '';}
  :root:lang(dsb),      :not(:lang(dsb)) > lang(dsb)           {quotes: '' '' '' '';}
  :root:lang(dua),      :not(:lang(dua)) > lang(dua)           {quotes: '' '' '' '';}
  :root:lang(dyo),      :not(:lang(dyo)) > lang(dyo)           {quotes: '' '' '' '';}
  :root:lang(dz),       :not(:lang(dz)) > lang(dz)             {quotes: '' '' '' '';}
  :root:lang(ebu),      :not(:lang(ebu)) > lang(ebu)           {quotes: '' '' '' '';}
  :root:lang(ee),       :not(:lang(ee)) > lang(ee)             {quotes: '' '' '' '';}
  :root:lang(el),       :not(:lang(el)) > lang(el)             {quotes: '' '' '' '';}
  :root:lang(es),       :not(:lang(es)) > lang(es)             {quotes: '' '' '' '';}
  :root:lang(et),       :not(:lang(et)) > lang(et)             {quotes: '' '' '' '';}
  :root:lang(eu),       :not(:lang(eu)) > lang(eu)             {quotes: '' '' '' '';}
  :root:lang(ewo),      :not(:lang(ewo)) > lang(ewo)           {quotes: '' '' '' '';}
  :root:lang(fa),       :not(:lang(fa)) > lang(fa)             {quotes: '' '' '' '';}
  :root:lang(ff),       :not(:lang(ff)) > lang(ff)             {quotes: '' '' '' '';}
  :root:lang(fi),       :not(:lang(fi)) > lang(fi)             {quotes: '' '' '' '';}
  :root:lang(fil),      :not(:lang(fil)) > lang(fil)           {quotes: '' '' '' '';}
  :root:lang(fo),       :not(:lang(fo)) > lang(fo)             {quotes: '' '' '' '';}
  :root:lang(fr),       :not(:lang(fr)) > lang(fr)             {quotes: '' '' '' '';}
  :root:lang(fr-CH),    :not(:lang(fr-CH)) > lang(fr-CH)       {quotes: '' '' '' '';}
  :root:lang(ga),       :not(:lang(ga)) > lang(ga)             {quotes: '' '' '' '';}
  :root:lang(gd),       :not(:lang(gd)) > lang(gd)             {quotes: '' '' '' '';}
  :root:lang(gl),       :not(:lang(gl)) > lang(gl)             {quotes: '' '' '' '';}
  :root:lang(gsw),      :not(:lang(gsw)) > lang(gsw)           {quotes: '' '' '' '';}
  :root:lang(gu),       :not(:lang(gu)) > lang(gu)             {quotes: '' '' '' '';}
  :root:lang(guz),      :not(:lang(guz)) > lang(guz)           {quotes: '' '' '' '';}
  :root:lang(ha),       :not(:lang(ha)) > lang(ha)             {quotes: '' '' '' '';}
  :root:lang(he),       :not(:lang(he)) > lang(he)             {quotes: '' '' '' '';}
  :root:lang(hi),       :not(:lang(hi)) > lang(hi)             {quotes: '' '' '' '';}
  :root:lang(hr),       :not(:lang(hr)) > lang(hr)             {quotes: '' '' '' '';}
  :root:lang(hsb),      :not(:lang(hsb)) > lang(hsb)           {quotes: '' '' '' '';}
  :root:lang(hu),       :not(:lang(hu)) > lang(hu)             {quotes: '' '' '' '';}
  :root:lang(hy),       :not(:lang(hy)) > lang(hy)             {quotes: '' '' '' '';}
  :root:lang(id),       :not(:lang(id)) > lang(id)             {quotes: '' '' '' '';}
  :root:lang(ig),       :not(:lang(ig)) > lang(ig)             {quotes: '' '' '' '';}
  :root:lang(is),       :not(:lang(is)) > lang(is)             {quotes: '' '' '' '';}
  :root:lang(it),       :not(:lang(it)) > lang(it)             {quotes: '' '' '' '';}
  :root:lang(jgo),      :not(:lang(jgo)) > lang(jgo)           {quotes: '' '' '' '';}
  :root:lang(jmc),      :not(:lang(jmc)) > lang(jmc)           {quotes: '' '' '' '';}
  :root:lang(ka),       :not(:lang(ka)) > lang(ka)             {quotes: '' '' '' '';}
  :root:lang(kab),      :not(:lang(kab)) > lang(kab)           {quotes: '' '' '' '';}
  :root:lang(kam),      :not(:lang(kam)) > lang(kam)           {quotes: '' '' '' '';}
  :root:lang(kde),      :not(:lang(kde)) > lang(kde)           {quotes: '' '' '' '';}
  :root:lang(kea),      :not(:lang(kea)) > lang(kea)           {quotes: '' '' '' '';}
  :root:lang(khq),      :not(:lang(khq)) > lang(khq)           {quotes: '' '' '' '';}
  :root:lang(ki),       :not(:lang(ki)) > lang(ki)             {quotes: '' '' '' '';}
  :root:lang(kk),       :not(:lang(kk)) > lang(kk)             {quotes: '' '' '' '';}
  :root:lang(kkj),      :not(:lang(kkj)) > lang(kkj)           {quotes: '' '' '' '';}
  :root:lang(kln),      :not(:lang(kln)) > lang(kln)           {quotes: '' '' '' '';}
  :root:lang(km),       :not(:lang(km)) > lang(km)             {quotes: '' '' '' '';}
  :root:lang(kn),       :not(:lang(kn)) > lang(kn)             {quotes: '' '' '' '';}
  :root:lang(ko),       :not(:lang(ko)) > lang(ko)             {quotes: '' '' '' '';}
  :root:lang(ksb),      :not(:lang(ksb)) > lang(ksb)           {quotes: '' '' '' '';}
  :root:lang(ksf),      :not(:lang(ksf)) > lang(ksf)           {quotes: '' '' '' '';}
  :root:lang(ky),       :not(:lang(ky)) > lang(ky)             {quotes: '' '' '' '';}
  :root:lang(lag),      :not(:lang(lag)) > lang(lag)           {quotes: '' '' '' '';}
  :root:lang(lb),       :not(:lang(lb)) > lang(lb)             {quotes: '' '' '' '';}
  :root:lang(lg),       :not(:lang(lg)) > lang(lg)             {quotes: '' '' '' '';}
  :root:lang(ln),       :not(:lang(ln)) > lang(ln)             {quotes: '' '' '' '';}
  :root:lang(lo),       :not(:lang(lo)) > lang(lo)             {quotes: '' '' '' '';}
  :root:lang(lrc),      :not(:lang(lrc)) > lang(lrc)           {quotes: '' '' '' '';}
  :root:lang(lt),       :not(:lang(lt)) > lang(lt)             {quotes: '' '' '' '';}
  :root:lang(lu),       :not(:lang(lu)) > lang(lu)             {quotes: '' '' '' '';}
  :root:lang(luo),      :not(:lang(luo)) > lang(luo)           {quotes: '' '' '' '';}
  :root:lang(luy),      :not(:lang(luy)) > lang(luy)           {quotes: '' '' '' '';}
  :root:lang(lv),       :not(:lang(lv)) > lang(lv)             {quotes: '' '' '' '';}
  :root:lang(mas),      :not(:lang(mas)) > lang(mas)           {quotes: '' '' '' '';}
  :root:lang(mer),      :not(:lang(mer)) > lang(mer)           {quotes: '' '' '' '';}
  :root:lang(mfe),      :not(:lang(mfe)) > lang(mfe)           {quotes: '' '' '' '';}
  :root:lang(mg),       :not(:lang(mg)) > lang(mg)             {quotes: '' '' '' '';}
  :root:lang(mgo),      :not(:lang(mgo)) > lang(mgo)           {quotes: '' '' '' '';}
  :root:lang(mk),       :not(:lang(mk)) > lang(mk)             {quotes: '' '' '' '';}
  :root:lang(ml),       :not(:lang(ml)) > lang(ml)             {quotes: '' '' '' '';}
  :root:lang(mn),       :not(:lang(mn)) > lang(mn)             {quotes: '' '' '' '';}
  :root:lang(mr),       :not(:lang(mr)) > lang(mr)             {quotes: '' '' '' '';}
  :root:lang(ms),       :not(:lang(ms)) > lang(ms)             {quotes: '' '' '' '';}
  :root:lang(mt),       :not(:lang(mt)) > lang(mt)             {quotes: '' '' '' '';}
  :root:lang(mua),      :not(:lang(mua)) > lang(mua)           {quotes: '' '' '' '';}
  :root:lang(my),       :not(:lang(my)) > lang(my)             {quotes: '' '' '' '';}
  :root:lang(mzn),      :not(:lang(mzn)) > lang(mzn)           {quotes: '' '' '' '';}
  :root:lang(naq),      :not(:lang(naq)) > lang(naq)           {quotes: '' '' '' '';}
  :root:lang(nb),       :not(:lang(nb)) > lang(nb)             {quotes: '' '' '' '';}
  :root:lang(nd),       :not(:lang(nd)) > lang(nd)             {quotes: '' '' '' '';}
  :root:lang(ne),       :not(:lang(ne)) > lang(ne)             {quotes: '' '' '' '';}
  :root:lang(nl),       :not(:lang(nl)) > lang(nl)             {quotes: '' '' '' '';}
  :root:lang(nmg),      :not(:lang(nmg)) > lang(nmg)           {quotes: '' '' '' '';}
  :root:lang(nn),       :not(:lang(nn)) > lang(nn)             {quotes: '' '' '' '';}
  :root:lang(nnh),      :not(:lang(nnh)) > lang(nnh)           {quotes: '' '' '' '';}
  :root:lang(nus),      :not(:lang(nus)) > lang(nus)           {quotes: '' '' '' '';}
  :root:lang(nyn),      :not(:lang(nyn)) > lang(nyn)           {quotes: '' '' '' '';}
  :root:lang(pa),       :not(:lang(pa)) > lang(pa)             {quotes: '' '' '' '';}
  :root:lang(pl),       :not(:lang(pl)) > lang(pl)             {quotes: '' '' '' '';}
  :root:lang(pt),       :not(:lang(pt)) > lang(pt)             {quotes: '' '' '' '';}
  :root:lang(pt-PT),    :not(:lang(pt-PT)) > lang(pt-PT)       {quotes: '' '' '' '';}
  :root:lang(rn),       :not(:lang(rn)) > lang(rn)             {quotes: '' '' '' '';}
  :root:lang(ro),       :not(:lang(ro)) > lang(ro)             {quotes: '' '' '' '';}
  :root:lang(rof),      :not(:lang(rof)) > lang(rof)           {quotes: '' '' '' '';}
  :root:lang(ru),       :not(:lang(ru)) > lang(ru)             {quotes: '' '' '' '';}
  :root:lang(rw),       :not(:lang(rw)) > lang(rw)             {quotes: '' '' '' '';}
  :root:lang(rwk),      :not(:lang(rwk)) > lang(rwk)           {quotes: '' '' '' '';}
  :root:lang(saq),      :not(:lang(saq)) > lang(saq)           {quotes: '' '' '' '';}
  :root:lang(sbp),      :not(:lang(sbp)) > lang(sbp)           {quotes: '' '' '' '';}
  :root:lang(seh),      :not(:lang(seh)) > lang(seh)           {quotes: '' '' '' '';}
  :root:lang(ses),      :not(:lang(ses)) > lang(ses)           {quotes: '' '' '' '';}
  :root:lang(sg),       :not(:lang(sg)) > lang(sg)             {quotes: '' '' '' '';}
  :root:lang(shi),      :not(:lang(shi)) > lang(shi)           {quotes: '' '' '' '';}
  :root:lang(shi-Latn), :not(:lang(shi-Latn)) > lang(shi-Latn) {quotes: '' '' '' '';}
  :root:lang(si),       :not(:lang(si)) > lang(si)             {quotes: '' '' '' '';}
  :root:lang(sk),       :not(:lang(sk)) > lang(sk)             {quotes: '' '' '' '';}
  :root:lang(sl),       :not(:lang(sl)) > lang(sl)             {quotes: '' '' '' '';}
  :root:lang(sn),       :not(:lang(sn)) > lang(sn)             {quotes: '' '' '' '';}
  :root:lang(so),       :not(:lang(so)) > lang(so)             {quotes: '' '' '' '';}
  :root:lang(sq),       :not(:lang(sq)) > lang(sq)             {quotes: '' '' '' '';}
  :root:lang(sr),       :not(:lang(sr)) > lang(sr)             {quotes: '' '' '' '';}
  :root:lang(sr-Latn),  :not(:lang(sr-Latn)) > lang(sr-Latn)   {quotes: '' '' '' '';}
  :root:lang(sv),       :not(:lang(sv)) > lang(sv)             {quotes: '' '' '' '';}
  :root:lang(sw),       :not(:lang(sw)) > lang(sw)             {quotes: '' '' '' '';}
  :root:lang(ta),       :not(:lang(ta)) > lang(ta)             {quotes: '' '' '' '';}
  :root:lang(te),       :not(:lang(te)) > lang(te)             {quotes: '' '' '' '';}
  :root:lang(teo),      :not(:lang(teo)) > lang(teo)           {quotes: '' '' '' '';}
  :root:lang(th),       :not(:lang(th)) > lang(th)             {quotes: '' '' '' '';}
  :root:lang(ti-ER),    :not(:lang(ti-ER)) > lang(ti-ER)       {quotes: '' '' '' '';}
  :root:lang(tk),       :not(:lang(tk)) > lang(tk)             {quotes: '' '' '' '';}
  :root:lang(to),       :not(:lang(to)) > lang(to)             {quotes: '' '' '' '';}
  :root:lang(tr),       :not(:lang(tr)) > lang(tr)             {quotes: '' '' '' '';}
  :root:lang(twq),      :not(:lang(twq)) > lang(twq)           {quotes: '' '' '' '';}
  :root:lang(tzm),      :not(:lang(tzm)) > lang(tzm)           {quotes: '' '' '' '';}
  :root:lang(uk),       :not(:lang(uk)) > lang(uk)             {quotes: '' '' '' '';}
  :root:lang(ur),       :not(:lang(ur)) > lang(ur)             {quotes: '' '' '' '';}
  :root:lang(uz),       :not(:lang(uz)) > lang(uz)             {quotes: '' '' '' '';}
  :root:lang(uz-Cyrl),  :not(:lang(uz-Cyrl)) > lang(uz-Cyrl)   {quotes: '' '' '' '';}
  :root:lang(vai),      :not(:lang(vai)) > lang(vai)           {quotes: '' '' '' '';}
  :root:lang(vai-Latn), :not(:lang(vai-Latn)) > lang(vai-Latn) {quotes: '' '' '' '';}
  :root:lang(vi),       :not(:lang(vi)) > lang(vi)             {quotes: '' '' '' '';}
  :root:lang(vun),      :not(:lang(vun)) > lang(vun)           {quotes: '' '' '' '';}
  :root:lang(xog),      :not(:lang(xog)) > lang(xog)           {quotes: '' '' '' '';}
  :root:lang(yav),      :not(:lang(yav)) > lang(yav)           {quotes: '' '' '' '';}
  :root:lang(yo),       :not(:lang(yo)) > lang(yo)             {quotes: '' '' '' '';}
  :root:lang(yo-BJ),    :not(:lang(yo-BJ)) > lang(yo-BJ)       {quotes: '' '' '' '';}
  :root:lang(yue),      :not(:lang(yue)) > lang(yue)           {quotes: '' '' '' '';}
  :root:lang(yue-Hans), :not(:lang(yue-Hans)) > lang(yue-Hans) {quotes: '' '' '' '';}
  :root:lang(zgh),      :not(:lang(zgh)) > lang(zgh)           {quotes: '' '' '' '';}
  :root:lang(zh),       :not(:lang(zh)) > lang(zh)             {quotes: '' '' '' '';}
  :root:lang(zh-Hant),  :not(:lang(zh-Hant)) > lang(zh-Hant)   {quotes: '' '' '' '';}
  :root:lang(zu),       :not(:lang(zu)) > lang(zu)             {quotes: '' '' '' '';}
  
ユーザーエージェントに対する特記事項
  • 何らかの形でcite属性値で示されるURLへのアクセスを可能としてもよい。
意味・用法

引用されたPhrasing contentを表す。

(引用符のような)引用句読点は、q要素の直前、直後又は内部に現れてはならない。これらは、ユーザーエージェントによってレンダリング時に挿入される。

引用文をマークアップするためのq要素の使用は完全に任意である。q要素を使用することなく、引用文を明示的に(引用符のような)引用句読点で囲うことで引用を表すことは、同じく正しい。

引用符を表示させたいがためだけに、引用文でないテキストq要素を使用してはならない。

私見・補足

Phrasing contentレベルでの引用を表す。

引用符は、ブラウザ等によって勝手に入れられるはず。だけど、怪しいブラウザはあるかも。

Flow contentレベルでの引用を表す場合は、blockquote要素を用いること。

会話文にq要素を用いてよいのは、それが引用である場合に限られる。引用でない会話文にq要素を用いてはならない。

表示確認

ソース

  Aさんは、その著書中に<q>これは引用文だよ。</q>と書いている。
  
表示結果
Aさんは、その著書中にこれは引用文だよ。と書いている。

なお、このページのhtml要素lang属性値は、jaである。

上記のデフォルトスタイルに基づく引用符が表示されないブラウザもあるようだ。

IE6表示のスクリーンショット
IE6表示:引用符が表示されてない

IE7も同様。