Как ставить кавычки
Кавычки используются для обособления прямой речи, названий, цитат. В русском языке употребляются различные типы кавычек:
- Двойные кавычки («);
- Одинарные кавычки (‘);
- Двойные угловые кавычки-ёлочки («»).
Рассмотрим теперь каждый тип кавычек отдельно и разберемся, как набрать нужные кавычки на клавиатуре, и как сделать кавычки при помощи HTML.
Двойные кавычки
Основное назначение данных кавычек — выделение цитат. Кавычки-цитата могут быть набраны на клавиатуре при помощи сочетания клавиш Shift+»Э» (при включенной английской раскладке). В HTML двойные кавычки могут быть записаны следующим образом:
"Лучше стараться, чем ржаветь."Одинарные кавычки
Одинарные кавычки (апострофы) по большей части используется для обособления одной цитаты внутри другой, выделения слов в переносном смысле, переводов. На клавиатуре набираются при помощи клавиши «Э» (в английской раскладке). Одинарные кавычки HTML записываются так:
"Если вы не хотите делить своего мужа, не 'пилите' его."Двойные угловые кавычки
Двойные угловые кавычки (или «французские ёлочки») активно используются в русском языке в машинном тексте. На клавиатуре их можно набрать сочетанием клавиш Shift+2 (при включенной русской раскладке), но не на всех клавиатурах этот символ может присутствовать. В HTML кавычки-ёлочки записываются так:
« - левая » - правая«Нет пути к счастью, счастье - это путь».Альтернативная запись кавычек
Кавычки, как и другие символы, можно набрать при помощи клавиши Alt и специального кода на цифровой клавиатуре (правый блок цифровых клавиш). Посмотрим теперь, какие коды необходимо знать для добавления кавычек, если, например, у вас на клавиатуре обычные методы ввода по каким-либо причинам недоступны.
CSS свойство quotes
Устанавливает тип кавычек, который применяется в тексте документа. Добавление кавычек происходит автоматически для содержимого контейнера , а также для текста, к которому применяется свойство content со значением open-quote (открывающая кавычка) или close-quote (закрывающая кавычка).
CSS синтаксис
quotes: «левая кавычка» «правая кавычка» | none | initial | inherit;
Возможные значения
| Значение | Описание |
|---|---|
| «левая кавычка» «правая кавычка« | Устанавливает, какие кавычки будут использоваться. |
| none | Устанавливает, что кавычки не будут добавляться. |
| inherit | Значение наследуется от родительского элемента. |
| initial | Устанавливает значение по умолчанию. |
В качестве кавычек могут использоваться следующие символы:
| Вид | Спецкод HTML | Юникод | Описание |
|---|---|---|---|
| « | " | \0022 | Двойная кавычка, применяется обычно в моноширинных шрифтах, для обозначения символа дюйма, а также угловых секунд. |
| ‘ | ' | \0027 | Апостроф. Символ угловых минут, в латинице применяется для обозначения мягкого знака (popalas’ lisa). |
| « | « или « | \00ab | Открывающая двойная угловая кавычка. |
| » | » или » | \00bb | Закрывающая двойная угловая кавычка. |
| ‘ | ‘ | \2018 | Открывающая одинарная кавычка. |
| ’ | ’ | \2019 | Закрывающая одинарная кавычка. |
| “ | “ | \201c | Открывающая двойная кавычка в англоязычных текстах или закрывающая для русского языка. |
| ” | ” | \201d | Закрывающая двойная кавычка в англоязычных текстах. |
| „ | „ | \201e | Открывающая двойная кавычка. Применяется в русском языке. |
Пример использования
Устанавливаем кавычки в цитате
quotes
Устанавливает тип кавычек, который применяется в тексте документа. В каждом языке существуют свои традиции для обозначения кавычек, свойство quotes позволяет задать вид их отображения по всему тексту и установить, таким образом, его единообразное оформление. Добавление кавычек происходит автоматически для содержимого контейнера , а также для текста, к которому применяется стилевое свойство content со значением open-quote (открывающая кавычка) или close-quote (закрывающая кавычка).
Синтаксис
quotes: «левая кавычка» «правая кавычка» | none | inherit
Значения
В качестве значения используется символ текста (например, quotes: ««» «»» ) или символ юникода. Некоторые из них перечислены в табл. 1.
| Вид | Спецкод HTML | Юникод | Описание |
|---|---|---|---|
| « | " | \0022 | Двойная кавычка, применяется обычно в моноширинных шрифтах, для обозначения символа дюйма, а также угловых секунд. |
| ‘ | ' | \0027 | Апостроф. Символ угловых минут, в латинице применяется для обозначения мягкого знака (popalas’ lisa). |
| « | « или « | \00ab | Открывающая двойная угловая кавычка. |
| » | » или » | \00bb | Закрывающая двойная угловая кавычка. |
| ‘ | ‘ | \2018 | Открывающая одинарная кавычка. |
| ’ | ’ | \2019 | Закрывающая одинарная кавычка. |
| “ | “ | \201c | Открывающая двойная кавычка в англоязычных текстах или закрывающая для русского языка. |
| ” | ” | \201d | Закрывающая двойная кавычка в англоязычных текстах. |
| „ | „ | \201e | Открывающая двойная кавычка. Применяется в русском языке. |
none Кавычки не добавляются. inherit Наследует значение родителя.
HTML5 CSS2.1 IE Cr Op Sa 5.1 Fx
quotes Станислав Лец утверждал: Чаще всего выход там, где был вход
.
Результат данного примера показан на рис. 1.
Рис. 1. Применение свойства quotes
HTML-символы, таблица спецсимволов в формате HTML
Спецсимволы HTML (символы-мнемоники) — это стандартный обобщенный язык разметки, ссылающийся на определенные символы из символьного набора документа. Чаще всего они применяются с целью указания необходимых символов, которых нет в стандартной клавиатуре.
В данной статье представлены наиболее востребованные и популярные спецсимволы в формате HTML для использования на веб-страницах при вёрстке текста. Наиболее востребованные символы это: стрелки, значки, обозначение валют, умножение.
При форматировании текста, как SEO-специалисту, так и верстальщику обязательно потребуются символы в формате HTML — длинное тире (вместо минуса на клавиатуре), кавычки-ёлочки (вместо прямых на клавиатуре) и ряд других знаков.
Таблица символов
Красивые числа, пробелы, переносы
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| ❶ | ❶ | ❶ | номер 1 в кружочке |
| ❷ | ❷ | ❷ | номер 2 в кружочке |
| ❸ | ❸ | ❸ | номер 3 |
| ❹ | ❹; | ❹ | номер 4 |
| ❺ | ❺ | ❺ | номер 5 |
| ❻ | ❻ | ❻ | номер 6 |
| ❼ | ❼ | ❼ | номер 7, далее, по аналогии — #10109 будет числом 8 |
| неразрывный пробел | |||
| узкий пробел (еn-шириной в букву n) | |||
| широкий пробел (em-шириной в букву m) | |||
| – | – | – | узкое тире (en-тире) |
| — | — | — | широкое тире (em-тире), широко используется в текстах |
| | | | мягкий перенос |
Полезные знаки
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| © | © | © | копирайт |
| ® | ® | ® | знак (r) — зарегистрировано |
| º | º | º | копье марса |
| ª | ª | ª | зеркало венеры |
| ‰ | ‰ | ‰ | промилле |
| π | π | π | пи |
| ¦ | ¦ | вертикальная черта | |
| § | § | § | знак параграфа |
| ° | ° | знак градуса | |
| µ | µ | µ | знак «микро» |
| ¶ | ¶ | ¶ | знак абзаца |
| · | · | точка-маркер | |
| ° | ° | градус | |
| … | … | многоточие | |
| ‾ | ‾ | надчеркивание (верхняя черта) | |
| ´ | ´ | знак ударения | |
| ¦ | ¦ | вертикальный пунктир | |
| № | № | знак/символ номера |
Знаки арифметических и математических операций
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| × | × | крестик | |
| × | × | знак умножения | |
| ÷ | ÷ | ÷ | знак деления |
| < | < | меньше, чем | |
| > | > | > | больше, чем |
| ± | &plusm; | ± | знак «плюс/минус» |
| ¹ | ¹ | ¹ | степень 1 |
| ² | ² | ² | степень 2 |
| ³ | ³ | ³ | степень 3 |
| ¬ | ¬ | знак отрицания | |
| ¼ | ¼ | ¼ | одна четвертая |
| ½ | ½ | ½ | одна вторая |
| ¾ | ¾ | ¾ | три четверти |
| ⁄ | ⁄ | дробная черта | |
| − | − | знак минус | |
| ≤ | ≤ | меньше или равно | |
| ≥ | ≥ | больше или равно | |
| ≈ | ≈ | приблизительно равно (асимптотически равно) | |
| ≠ | ≠ | не равно | |
| ≡ | ≡ | совпадает с | |
| √ | √ | квадратный корень (радикал) | |
| ∞ | ∞ | знак бесконечность | |
| ∑ | ∑ | знак суммирования | |
| ∏ | ∏ | знак произведения | |
| ∂ | ∂ | частичный дифференциал | |
| ∫ | ∫ | интеграл |
Знаки валют
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| € | € | € | евро |
| ¢ | ¢ | ¢ | цент |
| £ | £ | £ | фунт |
| ¤ | ¤t; | ¤ | знак валюты |
| ¥ | ¥ | ¥ | знак йены и юаня |
| ƒ | ƒ | знак флорина |
Маркеры
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| • | • | простой маркер | |
| · | · | средняя точка | |
| † | † | крестик | |
| ‡ | ‡ | двойной крестик | |
| ♠ | ♠ | пики | |
| ♣ | ♣ | трефы | |
| ♥ | ♥ | червы | |
| ♦ | ♦ | бубны | |
| ◊ | ◊ | ромб |
Кавычки
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| « | " | " | двойная кавычка |
| & | & | & | амперсанд |
| « | « | « | левая типографская кавычка (кавычка-елочка) |
| » | » | » | правая типографская кавычка (кавычка-елочка) |
| ′ | ′ | штрих (минуты, футы) | |
| ″ | ″ | двойной штрих (секунды, дюймы) | |
| “ | “ | кавычка-лапка левая | |
| ” | ” | кавычка-лапка правая верхняя | |
| „ | „ | кавычка-лапка правая нижняя | |
| ‹ | ‹ | одинарная угловая кавычка открывающая | |
| › | › | одинарная угловая кавычка закрывающая | |
| ‘ | ‘ | левая верхняя одинарная кавычка | |
| ’ | ’ | правая верхняя одинарная кавычка | |
| ‚ | ‚ | правая нижняя одинарная кавычка |
Стрелки
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| ← | ← | стрелка влево | |
| ↑ | ↑ | стрелка вверх | |
| → | → | стрелка вправо | |
| ↓ | ↓ | стрелка вниз | |
| ↔ | ↔ | стрелка влево и вправо | |
| ⇐ | ⇐ | двойная стрелка влево | |
| ⇑ | ⇑ | двойная стрелка вверх | |
| ⇒ | ⇒ | двойная стрелка вправо (следствие) | |
| ⇓ | ⇓ | двойная стрелка вниз | |
| ⇔ | ⇔ | двойная стрелка влево-вправо (туда-сюда) |