`<q> și <cite>` în HTML

Elementul q marchează un citat scurt în interiorul unei fraze, cu ghilimele automate, iar cite marchează titlul unei lucrări.

Sintaxă tag

<q cite="https://exemplu.ro/sursa">Citat scurt</q>
<cite>Titlul lucrării</cite>

Ce face `<q> și <cite>`

<q> este pentru citate scurte, în interiorul unui paragraf. Browserul adaugă singur ghilimelele potrivite limbii paginii, deci nu le mai scrii tu. Pentru citate lungi, pe un rând separat, folosește <blockquote>.

<cite> marchează titlul unei lucrări: o carte, un film, un articol, o melodie, un site. Browserul îl afișează cursiv. În HTML5, <cite> nu se folosește pentru numele unei persoane, ci doar pentru titlul lucrării.

Atribute

Atribut	Descriere
`cite`	Pe `<q>`: adresa URL a sursei citatului. Nu se afișează pe pagină, dar poate fi citită de programe.

Exemple

Exemplul 1: Citat scurt și titlul cărții

Cu lang="ro" pe pagină, browserele moderne folosesc ghilimelele românești „ ”.

<p lang="ro">Ana a notat din <cite>Amintiri din copilărie</cite> fraza
<q>Stau câteodată și-mi aduc aminte ce vremi și ce oameni mai erau</q>.</p>

Ce afișează browserul

Ana a notat din Amintiri din copilărie (cursiv) fraza „Stau câteodată și-mi aduc aminte ce vremi și ce oameni mai erau”.

Exemplul 2: Ghilimele personalizate cu CSS

Proprietatea CSS quotes alege caracterele folosite de <q>.

<style>
  q { quotes: "«" "»"; }
</style>
<p>Profesorul a spus: <q>Tema se predă până vineri.</q></p>