Тег <q>: короткая цитата внутри предложения
Q выделяет короткую цитату в составе абзаца. Он помогает отличить воспроизведённые слова от собственного повествования без создания отдельного большого блока.
Назначение
Q выделяет короткую цитату в составе абзаца. Он помогает отличить воспроизведённые слова от собственного повествования без создания отдельного большого блока.
Как это работает
Браузер обычно добавляет кавычки через оформление элемента. Не дублируйте их вручную без проверки результата. Атрибут cite может хранить адрес источника, но не создаёт видимую ссылку для читателя.
Пример
<p>В учебном диалоге редактор сказал: <q>Сначала проверь структуру документа.</q></p>
<p>Реплика придумана для примера и не приписывается реальному человеку.</p>Что должно получиться
Фраза остаётся частью предложения и получает оформление цитаты. Пунктуацию окружающего текста нужно оценивать вместе с выбранными языковыми правилами и стилями страницы.
Граница применения и частая ошибка
Для многоабзацной цитаты рассмотрите blockquote. Q не подтверждает достоверность чужих слов. Если используете реальный материал, сверяйте текст с оригиналом и добавляйте понятную видимую ссылку, а не только скрытый атрибут.
Самостоятельная проверка
Создайте вложенную короткую цитату и проверьте кавычки. Затем отключите CSS и сравните представление. Объясните, почему собственный лозунг без цитирования лучше не размечать этим элементом.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Проверки печати, загрузки файлов и сетевых ответов выполняйте в отдельном учебном проекте.