Как избежать двойных кавычек в атрибуте title

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

<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 ответов


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

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

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


EDIT: ссылка кажется мертвой, поэтому вот фрагмент 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 список символов.

это отличная ссылка для всех этих символов.


escape-код &#34; также может использоваться вместо &quot;.


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


Он может работать с любым персонажем из 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>") и он работал в любом браузере.


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


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

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

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


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

<table border="1"><?php for($i=33;$i<9000;$i++)echo "<tr><td>&#38;#$i;<td>&#".$i.";"; ?></table>