Как избежать двойных кавычек в атрибуте заголовка - PullRequest
173 голосов
/ 20 сентября 2010

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

<a href=".." title="Some \"text\"">Some text</a>
<!-- title looks like `Some \` --!>

и

<a href=".." title="Some &quot;text&quot;">Some text</a>
<!-- title looks like `Some ` --!>

Обратите внимание, что использование одинарных кавычек не вариант.

Ответы [ 8 ]

255 голосов
/ 20 сентября 2010

Этот вариант -

<a href=".." title="Some &quot;text&quot;">Some text</a>

Правильно и работает как положено - вы видите нормальные кавычки на отображаемой странице.

21 голосов
/ 20 сентября 2010

РЕДАКТИРОВАТЬ: ссылка кажется мертвой, поэтому вот фрагмент escape-символов, взятых из кэшированной страницы на archive.org :

&#060   |   less than sign  <       
&#064   |   at sign @       
&#093   |   right bracket   ]       
&#123   |   left curly brace    {       
&#125   |   right curly brace   }       
&#133   |   ellipsis    …       
&#135   |   double dagger   ‡       
&#146   |   right single quote  ’       
&#148   |   right double quote  ”       
&#150   |   short dash  –       
&#153   |   trademark   ™       
&#162   |   cent sign   ¢       
&#165   |   yen sign    ¥       
&#169   |   copyright sign  ©       
&#172   |   logical not sign    ¬       
&#176   |   degree sign °       
&#178   |   superscript 2   ²       
&#185   |   superscript 1   ¹       
&#188   |   fraction 1/4    ¼       
&#190   |   fraction 3/4    ¾       
&#247   |   division sign   ÷       
&#8221  |   right double quote  ”       
&#062   |   greater than sign   >   
&#091   |   left bracket    [   
&#096   |   back apostrophe `   
&#124   |   vertical bar    |   
&#126   |   tilde   ~   
&#134   |   dagger  †   
&#145   |   left single quote   ‘       
&#147   |   left double quote   “   
&#149   |   bullet  •   
&#151   |   longer dash —   
&#161   |   inverted excallamation point    ¡   
&#163   |   pound sign  £   
&#166   |   broken vertical bar ¦   
&#171   |   double left than sign   «   
&#174   |   registered trademark sign   ®   
&#177   |   plus or minus sign  ±   
&#179   |   superscript 3   ³   
&#187   |   double greather than sign   »   
&#189   |   fraction 1/2    ½   
&#191   |   inverted question mark  ¿   
&#8220  |   left double quote   “   
&#8212  |   dash    —   

/ EDIT

Сделайте снимок

Список символов HTML Escape.

Это отличный справочник для всех этих персонажей.

7 голосов
/ 20 сентября 2010

Экранирующий код &#34; также может использоваться вместо &quot;.

3 голосов
/ 20 сентября 2010

Использование &quot; - это способ сделать это, я попробовал второй фрагмент кода, и он работает как в Firefox, так и в IE.

2 голосов
/ 14 марта 2013

Может работать с любым символом из списка HTML Escape , но у меня была та же проблема с проектом Java.Я использовал StringEscapeUtils.escapeHTML("Testing \" <br> <p>"), а заголовок был <a href=".." title="Test&quot; &lt;br&gt; &lt;p&gt;">Testing</a>.

. Он работал только для меня, когда я изменил StringEscapeUtils на StringEscapeUtils.escapeJavascript("Testing \" <br> <p>"), и он работал в каждом браузере.

1 голос
/ 17 сентября 2013

Существует по крайней мере одна ситуация, когда использование одинарных кавычек не будет работать, и это если вы создаете разметку «на лету» из Javascript.Вы используете одинарные кавычки, чтобы содержать строку, и тогда любое свойство в разметке может иметь двойные кавычки для своего значения.

0 голосов
/ 01 марта 2016

Вы можете использовать этот код PHP для отображения специальных символов ...

<table border="1"><?php for($i=33;$i<9000;$i++)echo "<tr><td>&#38;#$i;<td>&#".$i.";"; ?></table>
0 голосов
/ 17 сентября 2013

Возможно, вы можете использовать JavaScript для решения вашей кросс-браузерной проблемы. Он использует другой механизм побега, с которым вы, очевидно, уже знакомы:

(reference-to-the-tag).title = "Some \"text\"";

Он не строго разделяет функции HTML, JS и CSS так, как того хотят люди в наше время, но кого вы должны сделать счастливыми? Ваши пользователи или технари, которых вы не знаете?

...