Chính xác blockquote HTML

Question

Cách chính xác để hiển thị khối HTML5 là gì?

tôi có như sau:

<blockquote> 
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> 
    <cite>John Doe<br/>ACME Industries</cite> 
</blockquote> 

Nhưng tôi không chắc chắn nếu nó đúng để đặt các trích dẫn INSIDE blockquote và muốn để định dạng một cách phù hợp nhưng nếu tôi di chuyển nó ra khỏi quote tôi sẽ cần phải quấn nó với một div để cung cấp cho các thuộc tính phong cách độc đáo. Suy nghĩ? Cảm ơn

Cũng theo: http://dev.w3.org/html5/spec/Overview.html#the-cite-element Tôi nên sử dụng các thẻ <b> cho tên?

Điều này có đúng không?

<div class="testimonial"> 
    <blockquote> 
     <p>The team worked closely with us to define our requirements, delivering the project over agreed phases to time and on budget</p> 
    </blockquote> 
    <p><b>John Doe</b><br />ACME Industries</p> 
</div> 

Answer 1

Dựa trên recent changes in the HTML specifications, đây hiện là cách thích hợp để xử lý các blockquotes với trích dẫn.

<blockquote> 
    <p>Measuring programming progress by lines of code is like measuring aircraft building progress by weight.</p> 
    <footer> 
     — <cite><a href="http://www.thegatesnotes.com">Bill Gates</a></cite> 
    </footer> 
</blockquote> 

Answer 2

ngữ nghĩa sau đây có ý nghĩa, sử dụng trích dẫn thuộc tính bên trong phần tử blockquote trích dẫn một URL cụ thể, và trích dẫn nguyên tố (inline) trước thẻ blockquote kết thúc như vậy:

<div> 
<blockquote cite="http://example.com"> 
<p>The quick brown fox jumps over the lazy dog</p> 
<cite>Illustrative Shorthand</cite> by Linda Bronson (1888) 
</blockquote> 
</div> 

Con cáo màu nâu nhanh chóng nhảy qua con chó lười.

minh họa Shorthand bởi Linda Bronson

Hãy nhớ rằng, blockquote là trích dẫn dài, do đó mặc dù trên là chính xác về mặt kỹ thuật, tốt hơn sẽ là:

<div> 
<q>The quick brown fox jumps over the lazy dog</q> 
<cite>Illustrative Shorthand</cite> by Linda Bronson (1888) 
</div> 

"The quick brown fox jumps over the lazy dog " Illustrative Shorthand by Linga Bronson

Nếu bạn muốn nhấn mạnh tên tác giả, bạn có thể sử dụng b. Lưu ý rằng trích dẫn được sử dụng cho tên của cuốn sách, trong trường hợp này là viết tắt minh họa.

Answer 3

Tôi nghĩ rằng biểu mẫu thứ hai của bạn tốt hơn hình thức đầu tiên của bạn. Tôi không nghĩ rằng phân bổ của báo giá phải nằm trong số <blockquote>.

Sử dụng thẻ <b> tùy thuộc vào bạn, nó có thể là chính xác về mặt kỹ thuật theo thông số kỹ thuật, nhưng nó vô dụng về mặt ngữ nghĩa cho tất cả các mục đích thực tế.

Mặt khác, <br/> có vẻ sai, có vẻ khó để biện minh rằng ngắt dòng ngữ nghĩa được gọi cho đó. Nếu bạn muốn hiển thị tên và tổ chức trên các dòng riêng biệt, thì đó là thuyết trình và nên được thực hiện với CSS.

Bật xem có sử dụng thành phần <cite> hay không, nó sẽ không chính xác theo thông số HTML5, nhưng xem http://24ways.org/2009/incite-a-riot bởi Jeremy Keith cho một quan điểm thay thế.

Nó rất chủ quan, nhưng tôi có thể bị cám dỗ để làm một cái gì đó giống như

<figure class="testimonial"> 
    <blockquote> 
     <p>The team worked closely with us to define our requirements, delivering the project over agreed phases to time and on budget</p> 
    </blockquote> 
    <figcaption class="attribution"> 
     <span class="name">John Doe</span> <span class="organisation">ACME Industries</span> 
    </figcaption> 
</figure> 

Answer 4

Ghi công cho báo giá, nếu có, phải được đặt bên ngoài các yếu tố blockquote.

- W3C HTML Working Group

W3C cung cấp một loạt các ví dụ về các cách khác nhau để gán dấu ngoặc kép khối trong this draft. Bạn cũng có thể đọc this blog article, mà tôi đọc trước khi đến đây. Ví dụ sau đây được dựa trên khuyến nghị của họ:

<blockquote> 
<p>Attribution for the quotation, if any, must be placed outside the blockquote element.</p> 
</blockquote> 
<p>— W3C HTML Working Group</p> 

Họ tiếp tục đưa ra một ví dụ sử dụng <figure> và <figcaption> chính xác cách thức @Alohci sử dụng nó above.