How to escape double quotes in a title attribute

Question

I am trying to use a string that contains double quotes in the title attribute of an anchor  So far I tried these    lt a href      title  Some   text    gt Some text lt  a gt   lt  -- The title looks like  Some    --  gt    and   lt a href      title  Some  amp quot text amp quot   gt Some text lt  a gt   lt  -- The title looks like  Some   --  gt    Please note that using single quotes is not an option

User · Answer

Perhaps you can use JavaScript to solve your cross-browser problem. It uses a different escape mechanism, one with which you're obviously already familiar:

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

It doesn't strictly separate the functions of HTML, JavaScript, and CSS the way folks want you to nowadays, but whom do you need to make happy? Your users or techies you don't know?

User · Answer

Here s a snippet of the HTML escape characters taken from a cached page on archive org   amp  060        lt    less than sign  amp  064           at sign  amp  093           right bracket  amp  123           left curly brace  amp  125           right curly brace  amp  133             ellipsis  amp  135             double dagger  amp  146             right single quote  amp  148             right double quote  amp  150             short dash  amp  153             trademark  amp  162            cent sign  amp  165            yen sign  amp  169            copyright sign  amp  172            logical not sign  amp  176            degree sign  amp  178            superscript 2  amp  185            superscript 1  amp  188            fraction 1 4  amp  190            fraction 3 4  amp  247            division sign  amp  8221            right double quote  amp  062        gt    greater than sign  amp  091           left bracket  amp  096           back apostrophe  amp  124           vertical bar  amp  126           tilde  amp  134             dagger  amp  145             left single quote  amp  147             left double quote  amp  149             bullet  amp  151             longer dash  amp  161            inverted exclamation point  amp  163            pound sign  amp  166            broken vertical bar  amp  171            double left than sign  amp  174            registered trademark sign  amp  177            plus or minus sign  amp  179            superscript 3  amp  187            double greater-than sign  amp  189            fraction 1 2  amp  191            inverted question mark  amp  8220            left double quote  amp  8212            dash

User · Answer

There is at least one situation where using single quotes will not work and that is if you are creating the markup  on the fly  from JavaScript  You use single quotes to contain the string and then any property in the markup can have double quotes for its value

User · Answer

This variant -    x000D   x000D   lt a title  Some  amp quot text amp quot   gt Hover me lt  a gt  x000D   x000D   x000D    Is correct and it works as expected - you see normal quotes in rendered page

User · Answer

Using  amp quot  is the way to do it  I tried your second code snippet  and it works in both Firefox and Internet nbsp Explorer

User · Answer

The escape code  amp  34  can also be used instead of  amp quot

User · Answer

It may work with any character from the HTML Escape character list  but I had the same problem with a Java project  I used StringEscapeUtils escapeHTML  Testing     lt br gt   lt p gt    and the title was  lt a href      title  Test amp quot   amp lt br amp gt   amp lt p amp gt   gt Testing lt  a gt    It only worked for me when I changed the StringEscapeUtils to StringEscapeUtils escapeJavascript  Testing     lt br gt   lt p gt    and it worked in every browser

[html] How to escape double quotes in a title attribute

Examples related to html

Examples related to escaping

Examples related to quotes