Теги цитат

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. Ці теги підтримують як візуальне виділення цитат, так і семантичне значення, що важливо для пошукових систем та автоматизованих систем обробки тексту.