Кавычки в HTML

Существует несколько видов кавычек: кавычки ёлочки (русские классические кавычки), английские двойные кавычки (используются при написании литературных текстов и т.п.), одинарные кавычки (используются в программировании для экранирования кода, в том числе, и в веб-программировании), немецкие двойные (перевёрнутые) кавычки. Очень часто при вёрстке страниц очень важно быстро прописать кавычки, которых нет под рукой. Для этого проще бы запомнить или записать где-нибудь html код кавычек, которые будут всегда, что называется, под рукой.

Кавычки в HTML

Кавычки можно выделить в тексте при вёрстке страниц несколькими способами. Можно выделить с помощью двойного тега q, пример ниже:

<q>Текст в кавычках...</q>{/codecitation}



В CSS можно прописать свойства этого тега, выделив его как угодно вашей душе и дизайну сайта. Например:
{codecitation class="brush: html; gutter: false;" width="500px"}q {
    font-family: Georgia, Verdana; /* Шрифт */ 
    font-style: bold; /* Выделение текста жирным шрифтом */
    color: #000; /* Цвет текста в кавычках */
   }

С помощью простого псевдокласса :lang мы можем задать настройки вида кавычек в цитатах для разных языков. В качестве языка выступают короткие значения языков, например: ru — русский; en — английский; de — немецкий и т.п. Для этого в CSS нужно прописать следующие стилевые свойства quotes (которые и определяют тип кавычек в зависимости от языка:

q:lang(fr), q:lang(ru) { /* Тип кавычек для русского и французского языка */ 
    quotes: "\00AB" "\00BB"; 
   }
q:lang(de) {
    quotes: "\201E" "\201C"; /* Вид кавычек для немецкого языка */ 
   }
   q:lang(en) {
    quotes: "\201C" "\201D"; /* Вид кавычек для английского языка */ 
   }

При вёрстке же страницы или просто при написании текста достаточно добавить к тегу цитаты псевдокласс :lang. Например:

<p>Цитата на русском языке: <q lang="fr">Жизнь хороша!</q>.</p>

Виды кавычек

А можно и просто, пользуясь таблицей выше, прописывать каждый раз в нужном месте HTML код кавычки, выбрав нужный её вид.