Існує безліч випадків, коли в тексті використовуються подвійні лапки, але в разі застосування HTML тега (Quote), це означає, що використовується саме цитата. Він є рядковим елементом і визначає короткі цитати в HTML-документі, тобто визначає текст цитати безпосередньо в тексті.
Іншими словами, ви повинні вказати браузеру, що хочете додати саме цитату. Якщо ви просто поставите подвійні лапки, то браузер зрозуміє, що є абзац тексту з парою подвійних лапок в ньому. А якщо використовувати тег , то браузер інтерпретує частина цього тексту як реальну цитату.
І ось тепер, коли браузер знає, що це цитата, він може відобразити її найкращим з можливих способів. Деякі браузери відобразять подвійні лапки навколо тексту, деякі не відобразять, а в окремих випадках можуть використовуватися і інші методи. Крім того, не забувайте про мобільні пристрої і мовних браузерах для людей з поганим зором. Цей тег корисний і в інших ситуаціях, наприклад при роботі пошукових систем, які переглядають Мережа і вибирають сторінки з цитатами. Структура і значення в ваших сторінках - дуже важливі речі.
Одна з головних причин застосування тега - це можливість стилізувати цитати (за допомогою стилів CSS), щоб вони виглядали так, як ви вважаєте за потрібне. Припустимо, ви хочете, щоб цитата відображалася курсивом і червоним кольором, використовуючи для її відображення тег
, ви легко зможете це зробити.
Примітка: для виділення довгих цитат, які займають кілька рядків або цілий абзац, використовується тег blockquote.
Стиль за замовчуванням
Результат даного прикладу у вікні браузера:
