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에서 상당히 일반적입니다. 블록 쿼트 요소는 단락 안에있을 수 없으며 HTML4에서는 실제로 포함하다 단락. 의 둥지 p 그리고 blockquote 조각의 요소는 반전되어야합니다.

그만큼 blockquote 요소 (또한 q 요소)는 선택적으로 a cite 인용문이 온 URI를 지정하는 속성. html5는 말한다 사용자 에이전트 ~해야 한다 해당 링크를 사용자가 사용할 수있게하고 HTML4는 전혀 아무 말도하지 않습니다. 나는 둘 다에 URI를 포함시킬 것이다 cite 브라우저가 처리하지 않기 때문에 속성 및 인라인 링크로 속성.

다음은 그 수정을 염두에두고 그 조각을 쓰는 방법입니다.

<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, 작품 제목(예:책 제목, 영화 제목 등) 또는 저자 이름.

그만큼 뭐야 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 a 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 아래와 같이 인용문의 텍스트를 통해 텍스트를 통해 소스를 지정합니다.

<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, 그것은 실제로 인라인을 인용하는 것을 목표로하지만, 블록 퀘스트 외부에서 사용될 가능성이 더 높습니다 (인용문은 매우 드물다).

에 따르면 이것, "인용"은 an입니다 기인하다 Q- 그리고 그것에 대해 잘 지원되지 않습니다.

시맨틱 (및 유효한) 사용 <cite> 요소는 여전히 논쟁의 여지가 있습니다 "HTML5에서는이 요소를 사용하여 사람의 이름을 표시하는 것이 더 이상 의미 적으로 적절한 것으로 간주되지 않습니다."

당신은 "에 관한 매우 상세하고 유용한 기사를 찾을 수 있습니다"<blockquote>, <q> 그리고 <cite>" 여기:

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

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top