Рейтинг:  3 / 5

Звезда активнаЗвезда активнаЗвезда активнаЗвезда не активнаЗвезда не активна
 
Виды кавычек

Существует несколько видов кавычек: кавычки ёлочки (русские классические кавычки), английские двойные кавычки (используются при написании литературных текстов и т.п.), одинарные кавычки (используются в программировании для экранирования кода, в том числе, и в веб-программировании), немецкие двойные (перевёрнутые) кавычки. Очень часто при вёрстке страниц очень важно быстро прописать кавычки, которых нет под рукой. Для этого проще бы запомнить или записать где-нибудь 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ЮникодОписание
" &#34; \0022 Двойная открывающаяся кавычка.
' &#39; \0027 Апостроф. В латинице применяется для обозначения мягкого знака. В программировании при экранировании кавычек.
« &#171; или &laquo; \00ab Открывающая двойная угловая кавычка. Используются в текстах на русском языке. Классические кавычки ёлочки.
» &#187; или &raquo; \00bb Закрывающая двойная угловая классическая кавычка ёлочка. Используются в текстах на русском языке.
&#8216; \2018 Открывающая одинарная кавычка.
&#8217; \2019 Закрывающая одинарная кавычка.
&#8220; \201c Открывающая двойная кавычка в текстах на английском языке или закрывающая кавычка для русского языка.
&#8221; \201d Закрывающая двойная кавычка в текстах на английском языке.
&#8222; \201e Открывающая двойная кавычка. Применяется в текстах на русском языке.

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