Теги цитат

4.1 Элемент <blockquote>

В HTML существуют специальные теги для оформления цитат: <blockquote>, <cite>, и <q>. Каждый из этих тегов имеет свое специфическое предназначение и используется для различных типов цитирования и ссылок на источники.

Тег <blockquote> используется для выделения больших блоков цитируемого текста. Браузеры обычно отображают такие цитаты с отступом слева, чтобы выделить их из основного текста.

Пример использования:

    
      <blockquote>
        "The only limit to our realization of tomorrow is our doubts of today."
      </blockquote>
    
  

Особенности:

• Является блочным элементом
• Часто отображается с отступом слева
• Может содержать другие блочные и строчные элементы
• Может использовать атрибут cite для указания URL источника цитаты

Атрибут cite:

Атрибут cite в теге <blockquote> используется для указания источника цитаты. Хотя этот атрибут не отображается визуально, он помогает сохранять информацию о происхождении цитаты, что полезно для поисковых систем и других автоматизированных систем обработки текста.

Пример с атрибутом cite:

    
      <blockquote cite="https://example.com/quote-source">
        "The only limit to our realization of tomorrow is our doubts of today."
      </blockquote>
    
  

4.2 Элемент <cite>

Тег <cite> используется для указания источника цитаты или названия произведения, такого как книга, статья, фильм и т. д. Текст внутри тега <cite> обычно отображается курсивом.

Пример использования:

    
      <p>Источник цитаты: <cite>Franklin D. Roosevelt</cite></p>
    
  

Особенности:

• Является строчным элементом
• Обычно отображается курсивом
• Используется для указания источников цитат или названий произведений

Пример с <blockquote> и <cite>:

    
      <blockquote  cite="https://example.com/quote-source">
        "The only limit to our realization of tomorrow is our doubts of today."
        <cite>— Franklin D. Roosevelt</cite>
      </blockquote>
    
  

4.3 Элемент <q>

Тег <q> используется для выделения коротких цитат, встроенных в текст. Браузеры автоматически добавляют кавычки вокруг текста, заключенного в тег <q>.

Пример использования:

    
      <p>Как сказал Альберт Эйнштейн, <q>Воображение важнее знания</q>.</p>
    
  

Особенности:

• Является строчным элементом
• Автоматически добавляет кавычки вокруг цитаты
• Используется для коротких цитат, встроенных в основной текст

Атрибут cite для <q>:

Атрибут cite в теге <q> также используется для указания URL источника цитаты.

Пример с атрибутом cite:

    
      <p>Как сказал Альберт Эйнштейн, <q cite="https://example.com/einstein-quote">Воображение важнее знания</q>.</p>
    
  

Комбинированное использование тегов цитат

Эти теги можно использовать вместе для создания более структурированного и информативного контента.

    
      <h1>Пример использования тегов цитат</h1>
      <p>
        Как сказал Альберт Эйнштейн, <q cite="https://example.com/einstein-quote">Воображение важнее знания</q>.
      </p>
      <blockquote cite="https://example.com/quote-source">
        "The only limit to our realization of tomorrow is our doubts of today."
        <cite>— Franklin D. Roosevelt</cite>
      </blockquote>
    
  

Теги <blockquote>, <cite>, и <q> важны для правильного оформления цитат в HTML. Эти теги поддерживают как визуальное выделение цитат, так и семантическое значение, что важно для поисковых систем и автоматизированных систем обработки текста.

1

Задача

Модуль 1: Web Core, 3 уровень, 3 лекция

Недоступна

Тег <blockquote>

Тег <blockquote>

Открыть

1

Задача

Модуль 1: Web Core, 3 уровень, 3 лекция

Недоступна

Использование тега <cite>

Использование тега <cite>

Открыть