Prawidłowy cytat blokujący HTML

Question

Jaki jest poprawny sposób wyświetlania cytatu blokowania HTML5?

mam następujące:

<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> 

Ale nie jestem pewien, czy to jest prawidłowe umieszczenie cite wewnątrz blockquote i chciałby projektować je o odpowiednich ale jeśli przenieść ją z cytatem Chciałbym trzeba owinąć go div, aby nadać unikalne właściwości stylistyczne. Myśli? Dzięki

Również według: http://dev.w3.org/html5/spec/Overview.html#the-cite-element powinienem używać znaczników <b> dla nazw?

Czy to prawda?

<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

Opierając się na recent changes in the HTML specifications, jest to obecnie właściwy sposób na obsługę cytatów z cytatów.

<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

Semantycznie dodaje sens, należy użyć atrybutu cytować wewnątrz elementu blockquote przytoczyć konkretny adres URL, a element (inline) cytować przed kończącym znacznikiem blockquote tak:

<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> 

Szybki brązowy lis przeskakuje nad leniwym psem.

poglÄ Shorthand przez Linda Bronson

Pamiętaj, blockquote jest dla długich cytatów, więc chociaż powyższe jest technicznie poprawne, lepiej byłoby:

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

„Szybki brązowy lis przeskoczył nad leniwym psem " Ilustrowany skrót przez Linga Bronson

Jeśli chcesz podkreślić nazwisko autora, możesz użyć b. Zauważ, że cytat jest używany do nazwy książki, w tym przypadku przykładowego skrótu.

Answer 3

Myślę, że twoja druga forma jest lepsza niż twoja pierwsza. Nie sądzę, że przypisanie cytatu powinno znajdować się wewnątrz <blockquote>.

Używanie znacznika <b> należy do Ciebie, prawdopodobnie jest poprawne technicznie, jak na specyfikację, ale jest semantycznie bezużyteczne ze względów praktycznych.

Z drugiej strony, <br/> wygląda źle, trudno jest uzasadnić, że wezwanie do semantycznej linii jest tam wezwane. Jeśli chcesz pokazać nazwę i organizację w oddzielnych liniach, to jest to prezentacja i powinno się to odbywać za pomocą CSS.

To, czy nie używać elementu <cite>, nie byłoby poprawne zgodnie ze specyfikacją HTML5, ale patrz http://24ways.org/2009/incite-a-riot autorstwa Jeremy'ego Keitha dla alternatywnego punktu widzenia.

To bardzo subiektywne, ale może ulec pokusie, aby zrobić coś jak

<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

uznanie dla notowań, jeżeli występują, muszą być umieszczone na zewnątrz elementu blockquote.

- HTML Working Group W3C

W3C udostępnia kilka przykładów różnych sposobów przypisują cytaty blokowe w this draft. Możesz również przeczytać this blog article, które przeczytałem przed przyjazdem tutaj. Poniższy przykład jest oparty na ich zalecenia:

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

Idą na celu dać przykład stosując <figure> i <figcaption> w taki sposób @Alohci używa go above.