Qual è il modo migliore per marcare una testimonianza in XHTML?
-
09-09-2019 - |
Domanda
Ho usato per utilizzare solo gli elementi p
e span
per questo ... ma sto sempre a spingere per utilizzare i e elementi, e questo è qualcosa che non ho mai pensato prima per quanto riguarda le testimonianze.
Questo è quello che avevo in mente ...
<div class="testimonial">
<blockquote>I love your products!</blockquote>
<span>Jim Testimonial-giver</span>
</div>
Non ti sembra il modo migliore per farlo? C'è una buona pratica?
Ho guardato come il W3C markup testimonianze sul loro sito , e hanno usato ...
<blockquote>
<p>
<a id="aptest" name="aptest">Applied Testin.....</a>
<br />
<span class="QuoteAttr">-- Shane P. M...</span>
</p>
</blockquote>
Devo basta copiare come il W3C ha fatto, dopo tutto non dovrebbero essere corretti
Soluzione
Utilizza il citare tag :
<div class="testimonial">
<blockquote>i love your products</blockquote>
<cite>Jim Testimonial-giver</cite>
</div>
Anche io probabilmente fare in questo modo:
<blockquote class="testimonial">
i love your products
<cite>Jim Testimonial-giver</cite>
</blockquote>
Proprio per renderlo un po 'più semantico e chiaramente legare la citazione con la citazione. Div dovrebbero essere necessari solo per le cose strutturali.
Altri suggerimenti
Il Mozilla.org guida di stile sembra preferire utilizzando q
per il preventivo e <cite>
per l'autore, avvolto in un <blockquote>
o un <div>
con una classe adeguata. HTML 5 sembra cipiglio fortemente sull'uso <cite>
per i nomi delle persone; si dice che dovrebbe essere utilizzato solo per i titoli delle opere.
A seguito di quel modello, forse qualcosa di simile:
<blockquote class="testimonial">
<q>I love your products!</q>
<cite>Jim Testimonial-giver</cite>
</blockquote>
Se non si desidera utilizzare <cite>
, quindi:
<blockquote class="testimonial">
<q>I love your products!</q>
<span class="quote-attribution">Jim Testimonial-giver</span>
</blockquote>
Per molto tempo ho usato Tantek di Çelik slitta come riferimento quando si trattava di citazioni.
Ma vedendo i commenti di alex e Rex M, sto pensando a questa implementazione di testimonianze:
<ul id="testimonials">
<li>
<blockquote>
i love your products
</blockquote>
<cite>—Jim Testimonial-giver</cite>
</li>
<li>
<blockquote>
i love your products even more
</blockquote>
<cite>—Joe Testimonial-giver</cite>
</li>
[...]
</ul>