Основний вміст

  • <body>

Тег <q>

Тег <q> в HTML: опис, синтаксис, приклади та підтримка браузерами

Тег <q> використовується для виділення цитат у тексті. Вміст контейнера автоматично відображається в браузері в лапках.

Синтаксис:

<q>Текст</q>

Закриваючий тег:

Обов'язковий.

Атрибути:

cite
Адреса, яка вказує на джерело цитати.

Для цього тега доступні універсальні атрибути та події.

Приклад:

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег Q</title>
  <style>
   q {
    font-family: Times, serif; /* Шрифт с засечками */ 
    font-style: italic; /* Курсивне начертання тексту */
    color: #008; /* Колір тексту */
   }
  </style>
 </head>
 <body>

  <p>Станіслав Лець стверджував: <q>Найчастіше вихід там, де був вхід</q>.</p>

 </body>
</html>

Результат цього прикладу показаний нижче.

У кожній мові існують свої традиції для позначення лапок, в російській типографіці, наприклад, використовуються лапки виду «...» або „...“. Для зміни типу лапок використовується стилістичне властивість quotes.

Підтримка браузерами:

Браузер Internet Explorer до версії 7 включно, хоча розуміє тег <q>, але лапки не додає. Інші браузери додають лапки коректно.

Строчні елементиТекст

Часті запитання

  • Q: Як використовувати тег <q> в HTML?

    A: Тег <q> використовується для позначення короткого цитату в HTML.

  • Q: Як відформатувати текст, який знаходиться в тезі <q> тега?

    A: Текст, який знаходиться в тезі <q> тега, буде автоматично відформатований як цитата.

  • Q: Як включити виключення до цитати в <q> тезі?

    A: Якщо потрібно включити виключення до цитати, можна використовувати тег <cite> всередині тега <q>.

  • Q: Чи можна вкладати тег <q> в інші теги?

    A: Так, тег <q> можна вкладати в інші теги, такі як <p>, <blockquote>, <div>, тощо.

  • Q: Як браузери відображають текст, поміщений в <q> тег?

    A: Браузери зазвичай відображають текст, поміщений в <q> тег, у лапках (одинарних або подвійних) для позначення цитати.