Всем привет! Сегодня мы рассмотрим свойство quotes позволяющее форматировать кавычки в тексте. Под форматированием я подразумеваю изменение. Итак, поехали!
Сразу хочу сказать что свойство quotes на данный момент применимо только к тегу q. Данный тег служит для выделения части текста, пример:
<p>
Исследователи из Microsoft и Google <q>обнаружили четвёртый вариант уязвимости современных процессоров класса Meltdown-Spectre</q>,
позволяющий несанкционированно получать доступ к данным. Эти ошибки спекулятивного исполнения команд в теории могут быть
использованы вредоносным ПО, запущенным на уязвимом устройстве или компьютере, или злоумышленником, зарегистрированным в
системе, для постепенного получения секретов (например, паролей) из защищённого ядра или памяти приложения.
Ранее были известны три основных варианта таких атак. Spectre — это название двух уязвимостей: вариант 1 или CVE-2017-5753
(обход проверки границ) и вариант 2 или CVE-2017-5715 (целевое внедрение в ветвь). Вариант 3 назывался Meltdown или CVE-2017-5754
(загрузка в кеш мошеннических данных).
</p>Здесь мы в тексте с помощью тега q выделили главное сообщение рубрики. Визуально выделенная часть обрамляется двойными верхними кавычками. И как раз данные кавычки мы можем форматировать через свойство quotes.
К примеру от кавычек можно избавится, просто используя значение none.
q{
quotes:none;
}В результате кавычки исчезнут.
Для указания кавычек другого типа можно просто сделать так.
q{
quotes:'"' '"';
}Здесь выделенная часть текста будет обрамлена простыми двойными кавычками. Также ничто не мешает нам воспользоваться одиночными кавычками.
q{
quotes:"'" "'";
}На самом деле обрамлять выделенный текст используя данное свойство можно чем угодно, пример:
q{
quotes:"(:" ":)";
}В данном примере выделенный текст начинается с (: и заканчивается на :).
Символы также можно указывать в формате юникод.
q{
quotes:"\00AB" "\00BB";
}В общем используйте данное свойство когда хотите что то выделить в тексте.
На этом у меня сегодня все. Желаю вам успехов и удачи! Пока.
