Делаем красивый перевод строки в глобальном атрибуте Title

Делаем красивый перевод строки в глобальном атрибуте Title

Ранее я уже рассказывал про то, как перенести текст на новую строку в глобальном атрибуте title (здесь), теперь хочу, так сказать, уточнить один момент ...

Стоит отметить, что содержимое атрибута title отображается во всплывающей подсказке со всеми пробельными символами; только, правда, по краям они обрезаются и табуляция преобразуются в пробелы.

Итак, допустим, нам нужно поместить в рассматриваемый атрибут следующий текст как есть, то есть с переводами строк:

World
Wide
Web

Собственно говоря, можно просто записать его так и всё, однако в исходном коде будет как-то не очень:

<abbr title="
World
Wide
Web
">WWW</abbr>

Исправить эту ситуацию можно, заменив каждый символ перевода строки на его HTML-код (&#10;):

<abbr title="World&#10;Wide&#10;Web">WWW</abbr>

Пример