quotes

quotes

Устанавливает тип кавычек, который применяется в тексте документа. В каждом языке существуют свои традиции для обозначения кавычек, свойство quotes позволяет задать вид их отображения по всему тексту и установить, таким образом, его единообразное оформление. Добавление кавычек происходит автоматически для содержимого контейнера , а также для текста, к которому применяется стилевое свойство content со значением open-quote (открывающая кавычка) или close-quote (закрывающая кавычка).

Синтаксис

quotes: «левая кавычка» «правая кавычка» | none | inherit

Значения

В качестве значения используется символ текста (например, quotes: ««» «»» ) или символ юникода. Некоторые из них перечислены в табл. 1.

Табл. 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

       
Станислав Лец утверждал: Чаще всего выход там, где был вход.
  

Результат данного примера показан на рис. 1.

Рис. 1. Применение свойства quotes

Источник

Как ставить кавычки

Кавычки используются для обособления прямой речи, названий, цитат. В русском языке употребляются различные типы кавычек:

• Двойные кавычки («);
• Одинарные кавычки (‘);
• Двойные угловые кавычки-ёлочки («»).

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

Двойные кавычки

Основное назначение данных кавычек — выделение цитат. Кавычки-цитата могут быть набраны на клавиатуре при помощи сочетания клавиш Shift+»Э» (при включенной английской раскладке). В HTML двойные кавычки могут быть записаны следующим образом:

"Лучше стараться, чем ржаветь."

Одинарные кавычки

Одинарные кавычки (апострофы) по большей части используется для обособления одной цитаты внутри другой, выделения слов в переносном смысле, переводов. На клавиатуре набираются при помощи клавиши «Э» (в английской раскладке). Одинарные кавычки HTML записываются так:

"Если вы не хотите делить своего мужа, не 'пилите' его."

Двойные угловые кавычки

Двойные угловые кавычки (или «французские ёлочки») активно используются в русском языке в машинном тексте. На клавиатуре их можно набрать сочетанием клавиш Shift+2 (при включенной русской раскладке), но не на всех клавиатурах этот символ может присутствовать. В HTML кавычки-ёлочки записываются так:

«Нет пути к счастью, счастье - это путь».

Альтернативная запись кавычек

Кавычки, как и другие символы, можно набрать при помощи клавиши Alt и специального кода на цифровой клавиатуре (правый блок цифровых клавиш). Посмотрим теперь, какие коды необходимо знать для добавления кавычек, если, например, у вас на клавиатуре обычные методы ввода по каким-либо причинам недоступны.

Источник

HTML коды символов кавычек

Ниже представлена таблица разбитая по категориям с различными html кодами для символов.

Обозначение	HTML код символа	Символы кавычек
«	" или "	Обыная двойная кавычка
‹	‹	Одиночная открывающая угловая кавычка
›	›	Одиночная закрывающая угловая кавычка
«	«	Двойная открывающая угловая кавычка
»	»	Двойная закрывающая угловая кавычка
⋘	⋘	Тройная закрывающая угловая кавычка
⋙	⋙	Тройная открывающая угловая кавычка
❞	❞	Двойная открывающая верхняя кавычка
❝	❝	Двойная закрывающая верхняя кавычка
❜	❜	Одиночная открывающая верхняя кавычка
❛	❛	Одиночная закрывающая нижняя кавычка
„	„	Нижняя двойная открывающая кавычка
“	“	Верхняя закрывающая двойная кавычка
”	”	Правая двойная закрывающая кавычка
‟	‟	Левая двойная открвыающая кавычка
‚	‚	Открывающая нижняя кавычка
’	’	Закрывающая вверхняя кавычка
‘	‘	Открывающая одинарная кавычка
‛	‛	Верхняя одинарная обратная кавычка

Источник

Спецсимволы HTML

Таблица спецсимволов HTML, содержит самые популярные символы для верстки и оформления контента веб-страниц.

Чтобы разместить символ на странице, необходимо скопировать код символа и вставить в исходный HTML-код страницы.

Спецсимволы чувствительны к регистру, поэтому их необходимо прописывать точно так, как указано в таблице.

Оформление текста и пунктуация

Код	Символ	Описание
	Неразрывный пробел
	Узкий пробел (длины N)
	Широкий пробел (длины M)
…	…	Многоточие
.	.	Точка
,	,	Запятая
:	:	Двоеточие
;	;	Точка с запятой
!	!	Восклицательный знак
?	?	Вопросительный знак
¿	¿	Перевернутый вопросительный знак
–	–	Дефис
–	–	Обычное тире (длины N)
—	—	Обычное тире (длины M)
@	@	Собачка
*	*	Звездочка
#	#	Решетка
¶	¶	Абзац
§	§	Параграф
́	́	Ударение
'	‘	Апостроф
´	´	Акут
ˆ	ˆ	Акцент
˜	˜	Малая тильда
/	/	Символ косой черты (slash)
\	\	Обратный слэш (backslash)
⁄	⁄	Косая дробная черта (деление)
ǀ	ǀ	Вертикальная черта
•	•	Простой маркер
·	·	Средняя точка
○	○	Круг

Кавычки и скобки

Код	Символ	Описание
"	«	Двойная кавычка
‘	‘	Одиночная верхняя левая кавычка
’	’	Одиночная верхняя правая кавычка
‚	‚	Одиночная нижняя правая кавычка
“	“	Двойная верхняя левая кавычка
”	”	Двойная верхняя правая кавычка
„	„	Двойная нижняя правая кавычка
«	«	Двойная левая угловая кавычка
»	»	Двойная правая угловая кавычка
(	(	Круглая скобка влево
)	)	Круглая скобка вправо
⟨	〈	Угловая скобка влево
⟩	〉	Угловая скобка вправо
&#lsaquo;	‹	Угловая скобка влево, вариант
&#rsaquo;	›	Угловая скобка вправо, вариант
[	[	Квадратная скобка влево
]	]	Квадратная скобка вправо
❛	❛	Одиночная английская кавычка открывающая
❜	❜	Одиночная английская кавычка закрывающая
❝	❝	Двойная английская кавычка открывающая
❞	❞	Двойная английская кавычка закрывающая

Математические знаки

Код	Символ	Описание
+	+	Плюс
−	−	Минус
=	=	Равно
×	×	Умножение
÷	÷	Деление
±	±	Плюс-минус
¹	¹	Верхний индекс «1»
²	²	Верхний индекс «2»
³	³	Верхний индекс «3»
½	½	Дробь «одна вторая»
⅓	⅓	Дробь «одна треть»
¼	¼	Дробь «одна четвёртая»
¾	¾	Дробь «три четверти»
№	№	Номер
%	%	Процент
‰	‰	Промилле
‱	‱	Знак на десять тысяч
µ	µ	Микро
π	π	Пи
ƒ	ƒ	Функции
∫	∫	Интеграл
∏	∏	Произведение
∑	∑	Суммирование
√	√	Радикал
∞	∞	Бесконечность
∝	∝	Пропорционально
≅	≅	Приблизительно равно
≈	≈	Почти равно
≠	≠	Не равно
≡	≡	Идентично
≤	≤	Меньше или равно
≥	≥	Больше или равно
∑	∑	Суммирование

Стрелки и указатели

Код	Символ	Описание
←	←	Стрелка влево
↑	↑	Стрелка вверх
→	→	Стрелка вправо
↓	↓	Стрелка вниз
↔	↔	Стрелка влево-вправо
⇆	⇆	Стрелка влево-вправо
⇐	⇐	Двойная стрелка влево
⇑	⇑	Двойная стрелка вверх
⇒	⇒	Двойная стрелка вправо
⇓	⇓	Двойная стрелка вниз
⇔	⇔	Двойная стрелка влево-вправо
⇕	⇕	Двойная стрелка вверх и вниз
⇧	⇧	Толстая полая стрелка вверх
⬇	⬇	Закрашенная стрелка вниз
⬆	⬆	Закрашенная стрелка вверх
➥	➥	Изогнутая стрела, указывающая вниз и вправо
➦	➦	Изогнутая стрела, указывающая вверх и вправо
↺	↺	Круглая стрелка с наконечником против часовой стрелки
↻	↻	Круглая стрелка с наконечником против часовой стрелки
↵	↵	Возврат каретки
↩	↩	Стрелка налево с крючком
▲	▲	Треугольная стрелка вверх
▼	▼	Треугольная стрелка вниз
►	►	Треугольная стрелка вправо
◄	◄	Треугольная стрелка влево
☚	☚	Указательный палец закрашенный влево
☛	☛	Указательный палец закрашенный вправо
☜	☜	Указательный палец прозрачный влево
☝	☝	Указательный палец прозрачный вверх
☞	☞	Указательный палец прозрачный вправо
☟	☟	Указательный палец прозрачный вниз
˂	˂	Направление влево
˃	˃	Направление вправо
˄	˄	Направление прямо
˅	˅	Направление назад

Источник