CSS — quotes
Устанавливает тип кавычек, который применяется в тексте документа. В каждом языке существуют свои традиции для обозначения кавычек, свойство quotes позволяет задать вид их отображения по всему тексту и установить, таким образом, его единообразное оформление. Добавление кавычек происходит автоматически для содержимого контейнера <q>, а также для текста, к которому применяется стилевое свойство content со значением open-quote (открывающая кавычка) или close-quote (закрывающая кавычка).
Краткая информация
| Значение по умолчанию | Зависит от браузера, его настроек и операционной системы. Чаще всего используется кавычки вида «/» |
|---|---|
| Наследуется | Да |
| Применяется | Ко всем элементам |
| Анимируется | Нет |
Синтаксис ?
quotes: [<Строка> <Строка>]+ | none
✖
Обозначения
| Описание | Пример | |
|---|---|---|
| <тип> | Указывает тип значения. | <размер> |
| A && B | Значения должны выводиться в указанном порядке. | <размер> && <цвет> |
| A | B | Указывает, что надо выбрать только одно значение из предложенных (A или B). | normal | small-caps |
| A || B | Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке. | width || count |
| [ ] | Группирует значения. | [ crop || cross ] |
| * | Повторять ноль или больше раз. | [,<время>]* |
| + | Повторять один или больше раз. | <число>+ |
| ? | Указанный тип, слово или группа не является обязательным. | inset? |
| {A, B} | Повторять не менее A, но не более B раз. | <радиус>{1,4} |
| # | Повторять один или больше раз через запятую. | <время># |
Значения
В качестве значения используется символ текста (например, quotes: ««» «»») или символ юникода.
Некоторые из них перечислены в табл. 1.
| Вид | Спецкод HTML | Юникод | Описание |
|---|---|---|---|
| « | " | \0022 | Двойная кавычка, применяется обычно в моноширинных шрифтах, для обозначения символа дюйма, а также угловых секунд. |
| ‘ | ' | \0027 | Апостроф. Символ угловых минут, в латинице применяется для обозначения мягкого знака (popalas’ lisa). |
| « | « или « | \00ab | Открывающая двойная угловая кавычка. |
| » | » или » | \00bb | Закрывающая двойная угловая кавычка. |
| ‘ | ‘ | \2018 | Открывающая одинарная кавычка. |
| ’ | ’ | \2019 | Закрывающая одинарная кавычка. |
| “ | “ | \201c | Открывающая двойная кавычка в англоязычных текстах или закрывающая для русского языка. |
| ” | ” | \201d | Закрывающая двойная кавычка в англоязычных текстах. |
| „ | „ | \201e | Открывающая двойная кавычка. Применяется в русском языке. |
- none
- Кавычки не добавляются.
Пример
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>quotes</title>
<style>
q {
font-family: Times, serif; /* Шрифт с засечками */
font-style: italic; /* Курсивное начертание текста */
color: navy; /* Синий цвет текста */
quotes: "\00ab" "\00bb"; /* Кавычки в виде двойных угловых скобок */
}
</style>
</head>
<body>
<p>Станислав Лец утверждал: <q>Чаще всего выход там, где был вход</q>.</p>
</body>
</html>
Объектная модель
Объект.style.quotes
Спецификация ?
| Спецификация | Статус |
|---|---|
| CSS Level 2 (Revision 1) | Рекомендация |
✖
Спецификация
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft (Черновик спецификации) — первая черновая версия стандарта.
Браузеры: Настольные Мобильные
?| Internet Explorer | Chrome | Opera | Safari | Firefox |
| 8 | 11 | 4 | 5. 1 | 1.5 |
| Android | Firefox Mobile | Opera Mobile | Safari Mobile |
| 2.1 | 2 | 6 | 5.1 |
✖
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
Контент
Кавычки. HTML, XHTML и CSS на 100%
Кавычки
Может понадобиться, чтобы в документе или в какой-то его части кавычки отображались не так, как обычно, а в зависимости от стиля и содержимого. С помощью CSS вы можете определять, каким образом браузер будет отображать кавычки. Свойство quotes задает пару «» для каждого уровня вложенности цитат, а свойство content предоставляет доступ к этим кавычкам и вставляет их до и после цитаты.
Рассмотрим определения кавычек с помощью свойства quotes. Лучше всего это можно понять из примера. Попробуйте применить следующую таблицу стиля:
/* Определение пар кавычек для двух уровней в двух языках */
Q:lang(ru) { quotes: ‘»’ ‘»’ «’» «’» }
Q:lang(no) { quotes: ««» «»» «<» «>» }
/* Вставка кавычек до и после содержимого элемента Q */
Q:before { content: open-quote }
Q:after { content: close-quote }
к HTML-документу, представленному в листинге 9.2.
Листинг 9.2. Кавычки
<html>
<head>
<title>Глава 9</title>
</head>
<body>
<p><q>Этот текст выделен кавычками.</q>
</body>
</html>
В результате его обработки браузером вы получите такой текст:
«Этот текст выделен кавычками.»
Если ту же таблицу стилей применить к HTML-документу, приведенному в листинге 9.3, то получим такую строку:
«Trondere gra?ter na?r <Vinsjan pa? kaia> blir deklamert.
»
Листинг 9.3. Кавычки
<html>
<head>
<title>Глава 9</title>
</head>
<body>
<p><q>Trondere gra?ter na?r <q>Vinsjan pa? kaia</q> blir deklamert.</q>
</body>
</html>
Как вы, наверное, заметили из примера, кавычки вставляются в соответствующие места документа благодаря значениям open-quote и close-quote, принимаемым свойством content. Каждое вхождение open-quote или close-quote в зависимости от глубины вложения заменяется одной из строк, принадлежащих значению свойства quotes.
Open-quote указывает на первую из двух кавычек, а close-quote – на вторую. Тип используемых кавычек зависит от уровня их вложенности.
Вы также можете задавать кавычки, используя один из шестнадцатеричных кодов, приведенных в табл. 9.1, предварительно поставив знак .
Таблица 9.1. Кавычки
Например:
quotes: «»» «»» «2039» «203A»
Данный текст является ознакомительным фрагментом.
§ 104. Кавычки
§ 104. Кавычки 17 мая 2004Кавычки являются парными знаками препинания.В целях экономии на пишущих машинках отливали одну непарную кавычку, перешедшую по наследству на компьютерную клавиатуру. В результате, из-за неграмотности верстальщиков и дизайнеров (за которыми раньше
Двойные кавычки
Двойные кавычки Если в версиях InterBase 4.x и 5.x и диалекте 1 версии 6.x строковые константы позволялось описывать как с помощью как одинарных, так и двойных кавычек, то в 3-м диалекте двойные кавычки применяются только для обозначения идентификаторов, а одинарные — для строковых
15.4. Обратные кавычки
15.4. Обратные кавычки
Обратные кавычки позволяют присваивать переменным данные вывода системных команд.
Символы, заключенные в обратные кавычки, воспринимаются интерпретатором shell как системная команда, которую следует выполнить. С помощью этого метода можно
ascii — Как кодировать двойные кавычки с помощью HTML-кодов
спросил
Изменено 3 года, 4 месяца назад
Просмотрено 132к раз
В HTML, какой предпочтительный способ указать HTML-коды, такие как " , и в чем основные различия? Например:
" " "
Какой из них следует использовать, и возникнет ли проблема, если один из них станет устаревшим?
- html
- ascii
- html-сущности
1
На самом деле нет никаких различий.
" обрабатывается как " , что является десятичным эквивалентом &x22; , который является эквивалентом ISO 8859-1 " .
Единственная причина, по которой вы можете быть против использования " , заключается в том, что он был ошибочно исключен из спецификации HTML 3.2.
В противном случае все сводится к личным предпочтениям.
1
Google рекомендует не использовать ни один из них, источник.
Нет необходимости использовать ссылки на объекты, такие как
&mdash,&rdquo, или☺, при условии, что для файлов и файлов используется одна и та же кодировка (UTF-8). редакторов, а также среди команд.
Есть ли причина, по которой вы не можете просто использовать " ?
6
Нет никакой разницы в браузерах, которые вы можете найти в дикой природе в наши дни (то есть, за исключением таких вещей, как Netscape 1, которые вы можете найти в музее).
Нет причин использовать какие-либо из них, в отличие от прямого использования кавычек Ascii («), за исключением очень особого случая, когда у вас есть значение атрибута, заключенное в такие метки, и вы хотели бы использовать метку внутри значение (например, title="Hello "world"" ), и даже в этом случае почти всегда есть варианты получше (например, title='Hello "word"' или title="Hello "word"" .
Если вместо этого вы хотите использовать «умные» кавычки, то это другой вопрос, и ни одна из конструкций не имеет к ним никакого отношения.0011 "
для создания «умных» кавычек, но легко заметить, что это не так; обозначения однозначно обозначают кавычки Ascii («), используемые в компьютерных языках.1
Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя адрес электронной почты и пароль
Опубликовать как гость
Электронная почта
Требуется, но не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
html — Как избежать двойных кавычек в атрибуте заголовка
спросил
Изменено 2 года назад
Просмотрено 261 тысяч раз
Я пытаюсь использовать строку, содержащую двойные кавычки в атрибуте title якоря.
Пока я пробовал это:
Некоторый текст