Blockquote、q、cite の正しい使い方?

StackOverflow https://stackoverflow.com/questions/2205159

  •  18-09-2019
  •  | 
  •  

質問

これは正しい使い方ですか? Blockquote, q そして cite?

<p>
<blockquote>Type HTML in the textarea above, <q>and it will magically appear</q> in the frame below.
</blockquote>
<cite><a href="http://stackoverflow.com">refrence url</a>
</p>

の使用です Blockquote, q 意味的に正しいですか？それとも両方ともプレゼンテーション要素なので使用すべきではないでしょうか?

役に立ちましたか？

解決

はい。彼らは、プレゼンテーション要素ではない - blockquoteブロックの引用を表し、qインライン引用を表し、citeは、名前、仕事、標準、URL等の参照を表す

。

あなたはBLOCKQUOTEとかなり共通しているいくつかの検証エラーを持っています。 BLOCKQUOTE要素は、段落内部、およびHTML4にすることはできません実際には、のに必要の段落が含まれています。あなたのフラグメントでpとblockquote要素の入れ子は逆にする必要があります。

blockquote素子（q要素）は、必要に応じて引用がどこから来たURIを指定するcite属性を持つことができます。 HTML5 ユーザーエージェントが強い<> のユーザーへのリンクを利用できるようにする必要があり、HTML4は全く何も言いません。ブラウザがそれを処理していないので、私は、cite属性でインラインリンクとして両方のURIが含まれます。

ここで私は心の中でそれらのリビジョンで、そのフラグメントを記述します方法は次のとおりです。

<blockquote cite="http://stackoverflow.com">
  <p>Type HTML in the textarea above, <q>and it will magically
  appear</q> in the frame below.</p>
</blockquote>
<p>
  <cite><a href="http://stackoverflow.com">reference url</a></cite>
</p>

このフラグメントを検証

他のヒント

このページにある他の回答が古くなっていますが、問題がまだ有効である。

q要素はインライン要素であるので、同様に使用されるべきである（すなわち、それの内部にはブロック要素。）

<p>
   In the words of <cite>Charles Bukowski</cite> -  
   <q>An intellectual says a simple thing in a hard way. 
   An artist says a hard thing in a simple way.</q>
</p>

もう一つの例：

<p>
    <q>This is correct, said Hillary.</q> is a quote from the 
    popular daytime TV drama <cite>When Ian became Hillary</cite>.
</p>
両方の見積もりを示す - それは冗長であるように、

q要素は、blockquote要素の内部に配置されるべきではありません。

blockquoteは、他のブロック要素の内部に配置することができるように、ブロック要素である

  <blockquote>
    <p>My favorite book is <cite>At Swim-Two-Birds</cite>.</p>
    - <cite>Mike Smith</cite>
  </blockquote>

<cite>は少し複雑です。これは、インライン要素だが、それはあなたがフォローしているどのHTML仕様により異なります。それが含まれていてもよいことを述べの W3C URL、作業（例えば。本のタイトル、映画タイトルなど）のタイトル、著者名。

WHATWG のように述べていますそれだけでURLや作品のタイトルが含まれており、そののないの人の名前があります。

これは有効なWHATWGの使用です。

<figure>
 <blockquote>
  <p>The truth may be puzzling. It may take some work to grapple with.
  It may be counterintuitive. It may contradict deeply held
  prejudices. It may not be consonant with what we desperately want to
  be true. But our preferences do not determine what's true.</p>
 </blockquote>
 <figcaption>Carl Sagan, in "<cite>Wonder and Skepticism</cite>", from
 the <cite>Skeptical Inquirer</cite> Volume 19, Issue 1 (January-February
 1995)</figcaption>
</figure>

あなたはBLOCKQUOTEに類似DIVとQに類似SPANを検討することもできます。

推奨用法はBLOCKQUOTEにQ、小さな、単一のラインや文章の引用符で囲まれた大規模な引用符を囲むことである。

<blockquote>
    <p>This is a big quote.</p>
    <p>This is the second paragraph with a smaller <q>quote</q> inside</p>
</blockquote>

引用は、単にソースを指すいずれかの属性である。

などの属性を使用すると、 cite の属性 blockquote または q (JS や複雑な CSS を使用せずに) 簡単に表示できるようにはしないため、参照リンクを簡単に表示するという目的には対応できません。 現在は適合しています 含める cite (および/または footer) の中へ blockquote 以下のように、テキストまたは URL を通じて引用のソースを指定します。

<blockquote>
  <p>Beware of bugs in the above code; I have only proved it correct, not tried it.” </p>
  <cite><a href="http://www-cs-faculty.stanford.edu/~uno/faq.html">Donald Knuth: Notes on the van Emde Boas construction of priority deques: An instructive use of recursion, March 29th, 1977</a>
</blockquote>

ご了承ください ：

  • の場合 cite (ソース参照ではなく) 引用内容の一部であるものも非常にまれであるとみなされ、関連するクラスを区別して処理する必要があります。 cite サブタグ)

  • に関して q, 、確かにインライン引用を目的としていますが、ブロック引用符の外で使用される可能性が高くなります (引用符内に引用符が使用されることは非常にまれです)。

によると これ, 「引用」は、 属性 q - ですが、その点では十分にサポートされていません。

<cite>要素のセマンティック（および有効）の使用は、が「HTML5で、人の名前をマークするために、この要素の使用はもはや意味的に適切であると考えられる。」場合でも、の

現在のページ「<blockquote>、<q>と<cite>」について非常に詳細かつ有用な記事を見つけることができます

http://html5doctor.com/blockquote-q-cite/する

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top