Кавычки. 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 как системная команда, которую следует выполнить. С помощью этого метода можно
валидация — Синтаксис современно HTML
Вопрос задан
Изменён 9 лет 3 месяца назад
Просмотрен 363 раза
Пожалуйста, ответьте на вопрос по поводу html5 и современных требований w3c.
Какие требования в настоящее время касаются использования кавычек в коде html? Вопрос касается одинарных и двойных кавычек. До настоящего времени я писал код так:
echo "<img src='$my_url' />";
На мой предыдущий вопрос я получил совет делать вот так:
echo "<img src=\"$my_url\" />";
То есть в коде html должны быть именно двойные кавычки. Прошу грамотных людей помочь мне разобраться в данном вопросе.
- html
- валидация
- php
Согласно спецификации HTML5.1 Nightly:
Значения атрибутов могут быть без кавычек, если они не содержат пробелов или любого из символов » ‘ ` = < или >. В остальных случаях значение должно быть обрамлено одинарными или двойными кавычками. Также значения могут быть опущены вместе с символом ‘=’, если являются пустой строкой
<!-- empty attributes --> <input name=address disabled> <input name=address disabled=""> <!-- attributes with a value --> <input name=address maxlength=200> <input name=address maxlength='200'> <input name=address maxlength="200">
От себя хочу добавить, что делать однотипное обрамление гораздо удобнее по нескольким причинам:
- В случаях, если значение изменится, не придется лезти в файл и ставить эти кавычки
- Если это значение изменится неожиданно, то можно получить проблемы с версткой
- Просто красиво, когда весь код выполнен в едином стиле
Какие именно это будут кавычки — не важно, лишь бы между ними не было такого же символа в значении атрибута.
Но чаще встречаются двойные.
Стандарт HTML5
Версия W3C Candidate Recommendation от 4 февраля 2014
Пункт 8.1.2.3 Attributes
Стандарт HTML5 8.1.2.3
Атрибуты могут быть указаны четырьмя различными способами:
Пустой синтаксис:
<input disabled>. Допускается когда аттрибут принимает только однозначное значение себя же или пустую строку.Без кавычек:
<input value=yes>. Допускается когда значение не имеет пробелы, кавычки U+0022 («), апострофы U+0027 (‘), всякие знаки (U+003D) «=», (U+003C) «<«, (U+003E) «>», или обратные кавычки U+0060 (`) и не принимает пустой строки.Одинарные кавычки:
<input type='checkbox'>. Допускается, когда значение не имеет другие одинарные ковычки в своем составе.Двойные кавычки:
<input name="be evil">. Допускается когда значение не содержит других двойных кавычек.
Правда, когда вы пишете в XHTML, предпочтение отдается двойным кавычкам.
Поэтому в большинстве случаев используют двойные кавычки как более строгий вариант.
насколько мне известно в html5 при простом содержимом кавычки рекомендуется убрать, то есть echo "<img src=$filename >";
Зарегистрируйтесь или войдите
Регистрация через Google Регистрация через Facebook Регистрация через почтуОтправить без регистрации
ПочтаНеобходима, но никому не показывается
Отправить без регистрации
ПочтаНеобходима, но никому не показывается
By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.
html — Как избежать двойных кавычек в атрибуте заголовка
Изменено 2 года, 7 месяцев назад
Просмотрено 271 тысяч раз
Я пытаюсь использовать строку, содержащую двойные кавычки в атрибуте title якоря. Пока я пробовал эти:
Некоторый текст