<q> элемент не идентифицирован в IE 6.0

Question

Я использовал это в своем HTML:

<q> Hai How r u </q>

Который показывает текст в кавычках, например, "Hai How r u".

Это нормально работает в FF, но не в IE 6.0.

Пожалуйста, дайте мне знать, почему это происходит, и любые решения, которые вы можете знать.

Я не хочу использовать для этого символ кавычки (") в моем HTML или отдельном файле CSS.

Answer 1

У List Apart была целая статья, посвященная тегу <q>:
Да здравствует тег Q

В итоге нужно добавить CSS в удалить цитаты из Firefox и других браузеров, а затем вручную кодировать их в себе. Это немного болезненно, но, по крайней мере, это выравнивает игровое поле, и вы знаете, что ваш контент будет выглядеть одинаково в разных браузерах.

Если вы действительно не хотите вводить кавычки в себе, взгляните на эти статьи:

• http://simon.incutio.com/archive/2003/04/03/fixingQuotesWithJavascript
• http://diveintomark.org/archives/2002/05/04/the_q_tag
• http://diveintomark.org/archives/2002/08/14/the_q_tag_revisited
• http://www.clagnut.com/blog/157/

Answer 2

Для чего это стоит <q> поддерживается в Internet Explorer 8.

Существует множество проблем с <q>, связанных с несколькими вложенными <q> элементами (вложенными кавычками) и "правильными" стилями цитирования для каждого языка. Это препятствовало как поддержке пользовательского агента, так и скорости принятия.

Все не так радужно в Firefox, если идти по пути сгенерированных кавычек CSS, когда конечный пользователь вырезает и вставляет текст сгенерированными символами, эти символы не попадают в буфер обмена. ( см. Ошибка Mozilla 12460 )

Заглядывая вперед, в рабочей группе W3C HTML появилась интересная тема о том, что HTML 5 должен делать с <q> в октябре 2008 года .

Answer 3

Полагаю, это не совсем ответ на вопрос, но я игнорирую тот факт, что кавычки не отображаются в IE6. Я настроил таблицу стилей с этим:

q:before { content: "\201c"; }
q:after { content: "\201d"; }

q q:before { content: "\2018"; }
q q:after { content: "\2019"; }

Отображает фигурные кавычки до и после элемента q. Работает в IE7 и соответствующих браузерах. Если вам нужны прямые кавычки, замените 201c и 201d на 0022.

То, что вы можете сделать, чтобы обойти проблему IE6, это либо Javascript, либо применить некоторые другие стили к тегу q, например, следующие будут отображать их курсивом и темно-серым цветом:

q { font-style: italic; color: #444444; }

Answer 4

Почему бы вам просто не использовать символы "? В отличие от <b> и <i>, которые должны быть заменены соответственно сильными и выделенными соответственно, тег кавычки имеет прямое совпадение по значению с кавычкой. Там не должно быть необходимости использовать <q>.

Редактировать : Спасибо за разъяснение вопроса Ян. ОП: Есть ли конкретная причина, по которой вы не хотите использовать кавычки? То, что я сказал ранее, все еще остается в силе, но, возможно, мы сможем помочь с проблемой, не позволяющей вам использовать кавычки.

Редактировать 2 :: |