Znacznik HTML <q>
Przykład
Zaznacz krótką ofertę:
<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Znacznik <q>
definiuje krótki cytat.
Przeglądarki zwykle wstawiają znaki cudzysłowu wokół cytatu.
Wskazówka: użyj <blockquote> dla długich cytatów.
Obsługa przeglądarki
Element | |||||
---|---|---|---|---|---|
<q> | Yes | Yes | Yes | Yes | Yes |
Atrybuty
Attribute | Value | Description |
---|---|---|
cite | URL | Specifies the source URL of the quote |
Atrybuty globalne
Znacznik <q>
obsługuje również atrybuty globalne w HTML .
Atrybuty wydarzenia
Tag <q>
obsługuje również Atrybuty Zdarzeń w HTML .
Więcej przykładów
Przykład
Użyj CSS, aby nadać styl elementowi <q>:
<html>
<head>
<style>
q {
color: gray;
font-style: italic;
}
</style>
</head>
<body>
<p>WWF's goal is to:
<q>Build a
future where people live in harmony with nature.</q>
We hope they succeed.</p>
</body>
</html>
Powiązane strony
Odniesienie HTML DOM: Obiekt cytatu
Domyślne ustawienia CSS
Większość przeglądarek wyświetla <q>
element z następującymi wartościami domyślnymi:
Przykład
q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}