Добавление HTML в атрибут заголовка изображения
Я использую некоторый jquery, который накладывает наложение на изображение при наведении. Сценарий использует содержимое атрибута заголовка изображения для отображения поверх изображения. Когда я тестировал это локально, казалось, что это работает, и я мог бы стилизовать текст в title="" однако сейчас я пытаюсь заставить его работать в WordPress, и, похоже, он не позволяет мне стилизовать текст в атрибуте заголовка.
<img src="img.png" title="<h1>Title heading</h1><hr><h2>Title sub heading</h2>"
1 answers
Прежде всего, я бы рекомендовал вам прекратить использовать атрибут title для целей html-контейнера:
Заголовок изображения (и название элемента говорит само за себя) должен содержать дополнительную информацию и соответствовать правилам обычного заголовка: он должен быть актуальным, коротким, запоминающимся и кратким (заголовок "предлагает консультативную информацию об элементе, для которого он установлен"). В FireFox и Opera он появляется при наведении курсора мыши на изображение
Для того, чтобы все работало, вы может использовать атрибут data- (очень хорошая "промежуточная" статья о атрибуте данных с примером использования)
Учитывая [Может ли атрибут data-* содержать HTML-теги?] допустимо использовать атрибуты data- с HTML и, как рекомендовано в приведенном выше предложении, учитывать экранирование символов.