Кавычки в HTML





Существует несколько видов кавычек: кавычки ёлочки (русские классические кавычки), английские двойные кавычки (используются при написании литературных текстов и т.п.), одинарные кавычки (используются в программировании для экранирования кода, в том числе, и в веб-программировании), немецкие двойные (перевёрнутые) кавычки. Очень часто при вёрстке страниц очень важно быстро прописать кавычки, которых нет под рукой. Для этого проще бы запомнить или записать где-нибудь html код кавычек, которые будут всегда, что называется, под рукой.
Кавычки в HTML
Кавычки можно выделить в тексте при вёрстке страниц несколькими способами. Можно выделить с помощью двойного тега q, пример ниже:
С помощью простого псевдокласса :lang мы можем задать настройки вида кавычек в цитатах для разных языков. В качестве языка выступают короткие значения языков, например: ru — русский; en — английский; de — немецкий и т.п. Для этого в CSS нужно прописать следующие стилевые свойства quotes (которые и определяют тип кавычек в зависимости от языка:
При вёрстке же страницы или просто при написании текста достаточно добавить к тегу цитаты псевдокласс :lang. Например:
Виды кавычек
| Вид | Спецкод HTML | Юникод | Описание |
|---|---|---|---|
| « | " | \0022 | Двойная открывающаяся кавычка. |
| ‘ | ' | \0027 | Апостроф. В латинице применяется для обозначения мягкого знака. В программировании при экранировании кавычек. |
| « | « или « | \00ab | Открывающая двойная угловая кавычка. Используются в текстах на русском языке. Классические кавычки ёлочки. |
| » | » или » | \00bb | Закрывающая двойная угловая классическая кавычка ёлочка. Используются в текстах на русском языке. |
| ‘ | ‘ | \2018 | Открывающая одинарная кавычка. |
| ’ | ’ | \2019 | Закрывающая одинарная кавычка. |
| “ | “ | \201c | Открывающая двойная кавычка в текстах на английском языке или закрывающая кавычка для русского языка. |
| ” | ” | \201d | Закрывающая двойная кавычка в текстах на английском языке. |
| „ | „ | \201e | Открывающая двойная кавычка. Применяется в текстах на русском языке. |
А можно и просто, пользуясь таблицей выше, прописывать каждый раз в нужном месте HTML код кавычки, выбрав нужный её вид.
Сибирский федеральный университет

В русских текстах следует использовать «кавычки-ёлочки».
Для вложенных кавычек следует использовать „кавычки-лапки“.
| Символ | Вид | Набор в HTML | Набор с клавиатуры |
|---|---|---|---|
| Левая ёлочка | « | « | Alt + 0171 |
| Правая ёлочка | » | » | Alt + 0187 |
| Левая лапка | „ | „ | Alt + 0132 |
| Правая лапка | “ | “ | Alt + 0147 |
Если в русском тексте присутствуют фразы на иностранном языке, заключенные в кавычки, то кавычки следует использовать русские.
Если слово (фраза) в кавычках является ссылкой, то сами кавычки в ссылку не включаются.
Примеры
Завтра состоится семинар на тему «Опыт работы конторы „Рога и копыта“ на отечественном рынке».
HTML-символы, таблица спецсимволов в формате HTML
Спецсимволы HTML (символы-мнемоники) — это стандартный обобщенный язык разметки, ссылающийся на определенные символы из символьного набора документа. Чаще всего они применяются с целью указания необходимых символов, которых нет в стандартной клавиатуре.
В данной статье представлены наиболее востребованные и популярные спецсимволы в формате HTML для использования на веб-страницах при вёрстке текста. Наиболее востребованные символы это: стрелки, значки, обозначение валют, умножение.
При форматировании текста, как SEO-специалисту, так и верстальщику обязательно потребуются символы в формате HTML — длинное тире (вместо минуса на клавиатуре), кавычки-ёлочки (вместо прямых на клавиатуре) и ряд других знаков.
Как поставить кавычки?

Для начала стоит сказать, что кавычки представляют собой парный знак препинания, используемый в целях выделения прямой речи, цитат, отсылок и различных названий (кроме названий городов и т.п.). Также кавычки применяются для выделения слов и выражений, чтобы подчеркнуть их использование не в обычном значении или в ироническом смысле. Кроме того, кавычки используют при введении новых терминов.
Виды кавычек
Итак, кавычки делятся на несколько основных видов:
- « » — французские кавычки, также известные как «елочки», «треугольные кавычки» и «угловые кавычки»;
- „ “ — немецкие кавычки или «лапки»;
- “ ” — английские двойные кавычки;
- ‘ ’ — английские одиночные кавычки.
Как правильно использовать кавычки?
Согласно традиции, в русской письменности применяют «елочки», однако при надобности использования кавычек внутри кавычек следует отдавать предпочтение немецким «лапкам». При письме от руки также используются немецкие «лапки».
Стоит знать и то, что переводе значений слов с других языков нужно использовать английские одиночные кавычки, например, англ. apple — ‘яблоко’.
Как поставить кавычки на клавиатуре?
Чтобы поставить кавычки на клавиатуре, например при работе в блокноте или браузере, нужно использовать определённые сочетания клавиш.
Для Windows
Для начала нужно убедиться, что Num Lock включён, чтобы иметь возможность использования цифровой клавиатуры (цифры справа). Итак, сочетания клавиш для начертания кавычек:
- Alt + 0 , 1 , 7 , 1 — « (открывающая «елочка»);
- Alt + 0 , 1 , 8 , 7 — » (закрывающая «елочка»);
- Alt + 0 , 1 , 3 , 2 — „ (открывающая «лапка»);
- Alt + 0 , 1 , 4 , 7 — “ (закрывающая «лапка» и открывающая английская двойная);
- Alt + 0 , 1 , 4 , 8 — ” (закрывающая английская двойная);
- Alt + 0 , 1 , 4 , 5 — ‘ (открывающая английская одиночная);
- Alt + 0 , 1 , 4 , 6 — ’ (закрывающая английская одиночная).
Для Mac OS X
Традиционная русская раскладка Mac OS X подразумевает расстановку кавычек при помощи следующих комбинаций клавиш:
- ⌥ Option + ⇧ Shift + = — « (открывающая «елочка»);
- ⌥ Option + = — » (закрывающая «елочка»);
- ⌥ Option + ⇧ Shift + / — „ (открывающая «лапка»);
- ⌥ Option + / — “ (закрывающая «лапка»)
Также стоит знать, что существует достаточно программ, которые позволяют настроить ввод различных кавычек с клавиатуры при помощи нажатий пары клавиш.
Как поставить кавычки «елочки»?
Чтобы поставить кавычки «елочки», используйте сочетания клавиш:
- Alt + 0 , 1 , 7 , 1 — « (открывающая «елочка»);
- Alt + 0 , 1 , 8 , 7 — » (закрывающая «елочка»).
Как поставить кавычки «лапки»?
Чтобы поставить кавычки «лапки», используйте сочетания клавиш:
- Alt + 0 , 1 , 3 , 2 — „ (открывающая «лапка»);
- Alt + 0 , 1 , 4 , 7 — “ (закрывающая «лапка»).
Как поставить кавычки в ворде?
В Ворде (MS Word) есть несколько способов начертания кавычек:
- Стандартная комбинация клавиш Shift + 2 на русской раскладке клавиатуры позволяет поставить как открывающую, так и закрывающую «елочку».
- «Елочки» также ставятся сочетаниями клавиш: открывающая — Ctrl + ё , а затем Shift + б , закрывающая — Ctrl + ё , а затем Shift + ю .
- Любые кавычки можно вставить при помощи команды «Символ» на вкладке «Вставка»;
- Alt + 0 , 1 , 7 , 1 — « (открывающая «елочка»);
- Alt + 0 , 1 , 8 , 7 — » (закрывающая «елочка»);
- Alt + 0 , 1 , 3 , 2 — „ (открывающая «лапка»);
- Alt + 0 , 1 , 4 , 7 — “ (закрывающая «лапка»).
HTML кавычки
Если вам нужно вставить кавычки в html-документ, то используйте следующие мнемокоды: