Заголовок UTF-8 на HTML

Question

У меня проблема с символом UTF-8 в заголовке страницы, я хочу добавить это в заголовок страницы -> ♫ <--- (символ Музыка) </p>

Дело в том, что иногда он работает (в Google Chrome), а иногда нет (когда он не работает, он кажется квадратом, который должен быть ошибкой кодирования) странным образом.И в Firefox, он всегда работает, когда вы смотрите на заголовок в верхней части окна (заголовок, который появляется на вашей странице), но заголовок, который появляется на панели ниже, снова кажется квадратным.: / Что мне сделать, чтобы это исправить?

Я определяю заголовок с помощью Javascript с помощью js-файла, который я использую PHP, чтобы определить его также как utf-8.

vartitle = "Music My Music";document.title = title;

кстати, похоже, он всегда работает в Linux, но в Windows он делает такие вещи.= /

Заранее спасибо.

Answer 1

Это проблема шрифта, а не проблема кодирования; маленький прямоугольник вместо символа обычно означает, что символ отсутствует в используемых шрифтах.

Браузеры обычно используют определенные шрифты, когда отображают содержимое элемента title (где-то за пределами самой страницы). Эти шрифты могут зависеть от настроек в операционных системах. Например, в Windows 7 по умолчанию для них используется 9pt Segoe UI, относительно богатый шрифт, в то время как в старых системах шрифты более ограничены. Во всяком случае, это вне рук автора.

Таким образом, вывод состоит в том, что в элементах title следует избегать специальных символов. Их рендеринг не гарантирован, и они, вероятно, не имеют значения, если рассматривать поисковые системы.

Answer 2

Вы добавили метатег для charset в свой HTML?

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Answer 3

иногда это работает (в Google Chrome), а иногда нет (когда это не работает, появляется квадрат, который должен быть ошибкой кодирования) странно

Скорее всего, это зависит от шрифта, используемого вашим браузером и вашей операционной системой. Если символ определен в шрифте, он появится. Если это не так, то не будет.

К сожалению, вы ничего не можете с этим поделать - обе эти вещи находятся вне вашего контроля.

В некоторой степени связано: Поддержка Unicode в стандартных веб-шрифтах

Answer 4

Я решаю эту проблему (год на испанском языке) с помощью этой записи:

title="A & # 241 ; o"

ВАЖНО : Я вставляю пробелы между символами для адекватной рендеризации.