Adding HTML within an image title attribute

First of all i’d recommend you stop using title attribute for html container purpose:

Image title (and the element name speaks for itself) should provide
additional information and follow the rules of the regular title: it
should be relevant, short, catchy, and concise (a title “offers
advisory information about the element for which it is set“). In
FireFox and Opera it pops up when you hover over an image

In order to get things works you can use data- attribute (very good “intermediate” article about data-attribute with example how to use)

Considering [Can data-* attribute contain HTML tags?] it’s valid to use data- attributes with HTML, and, as recommended under the refference above – take into account character escape.

Related Posts:

  1. How to display post title & excerpt when mouse hovers on an image?
  2. Landing Page with HTML CSS JS and Images on wordpress
  3. Display ajax preloader for large images within posts
  4. Parallax image problem
  5. get attachment title based on attachment id
  6. How to add crossorigin and integrity to wp_register_style? (Font Awesome 5)
  7. WP 4.4. responsive images browser choosing the “wrong” one
  8. Remove images (files) that were generated when using add_image_size()
  9. Auto Add Image Title,Caption,Alt Text,Description while uploading Images in WordPress
  10. Using Images in WordPress – Best Practices
  11. How to customize the default HTML for WordPress Attachments
  12. Change html structure of all img tags in WordPress
  13. How to create thumbnails with a fixed width, so all of them will have the same width?
  14. Making WordPress Gallery (.gallery-item) Responsive?
  15. Dynamically add titles to post images if they are empty
  16. Width 100%: Aspect ratio of image
  17. How to remove title attribute from gallery links and images
  18. Add CSS class to every image
  19. Change Default Image HTML
  20. How to wrap every image in a post with a div?
  21. How do I delete thousands of unattached images?
  22. How to remove link from an image in a post?
  23. How to Make WordPress Default gallery responsive on mobile?
  24. Change html structure of all img tags in WordPress
  25. Setup A Default Featured Image
  26. @wordpress/create-block image url in css
  27. Why html tags are being appended to my pictures?
  28. Remove image classes from post thumbnail output
  29. How can I make all post image uploads have data-width and data-height attributes automatically by default?
  30. Photography Based Design – Multiple Images Per Post
  31. Trying to create a mouseover effect in html using Gutenberg editor
  32. How to display alt tags in img src?
  33. wp_upload_bits does not retrieve images that do not have an extension
  34. How can I insert an image map into a WordPress blog post?
  35. Images will not display, when I call them up with html in wordpress, just two blank small spaces [closed]
  36. How to fix “.webp” being auto-added to the end of image urls
  37. Is it possible to add a ribbon in the background of h1 on every page?
  38. Get Image from Media Library with the Title
  39. Changing default img html markup but not in admin back-end?
  40. Get ALT attribute from title post (code not work)
  41. Customize position of social icons in upme plugin [closed]
  42. Background-image not showing? [closed]
  43. t5-fresh-editor-stylesheets.php breaks image placement in WP Beta 3 editor
  44. Modifying the HTML Output of Inserted Images
  45. How do I add a custom css to all posts without affecting homepage css? [closed]
  46. Redirect to another page using contact form 7? [closed]
  47. How to check for images before echo
  48. How do I get my main image to stretch the full length of the screen?
  49. Remove height attribute from wp_get_attachment
  50. Images give 404 after changing default domain
  51. What can i do add title to ‘large’ image?
  52. Images under 1MB are not being compressed
  53. How would you add sequentially numbered labels to images in posts?
  54. How to get the title of the random images from media library?
  55. a: hover issue with image issues [closed]
  56. Apply nextgen-gallery lightbox effect [closed]
  57. What exactly is the description field when uploading an image?
  58. Image Captions Have a 10px Extra Margin, And It’s Not CSS? [duplicate]
  59. Can i have 2 separate Galleries on 2 separate pages each go to a DIFFERENT Attachment.php file?
  60. HTML Img with data:image src gets sanitized in admin?
  61. How to remove image size inline style in article and include caption
  62. Is there a layout to place 2 same sized images in two columns on the WordPress page?
  63. get_the_post_thumbnail() title and alt attributes not displaying
  64. How to make image uploads default to full size?
  65. Change header image size
  66. Adding custom html/css/images to Theme
  67. How can we achieve this image css style?
  68. Remove image border in twentyeleven theme [closed]
  69. WordPress 404 Images – Images not found after deleted from media
  70. How to link to img src using HTML email template in WordPress
  71. How to display posts with images in fullscreen slider
  72. Relative path not working at all in WAMP local environment
  73. Put image onto header
  74. Move text from the side of image to below image [closed]
  75. Are WP images responsive by default?
  76. all images of past post messed up after changing theme
  77. Show WordPress Image Title Under Custom Portfolio Image
  78. How to add multiple images in a page
  79. Only User Upload image Http Error
  80. Show title when inserting single images
  81. Imagem resolution responsive
  82. Slider do not add alt attribute. Cant get alt attribute from a media library!
  83. Is there a good way to use CMS images with CSS
  84. Forcing absolute src links in the RSS feed
  85. where is images/image.jpg?
  86. Why images are disappearing on WordPress web site?
  87. change with CSS the color of an svg background image set with “background-image: url()”
  88. Img alt tag showing different value then entered
  89. Issues with the excerpt (wordcount/HTML/images)
  90. Display image title and caption inside a single post
  91. Stop underlining image links
  92. Making custom pages (with an example to explain the goal)
  93. Edit image alignment in WordPress twentysixteen child theme on attachment page [closed]
  94. Hover images and Videos
  95. adding new html css to wordpress section from codepen [closed]
  96. Add a background image into a post [closed]
  97. Uploaded Media Images on Site
  98. Create decorative image border with CSS? [closed]
  99. I am having trouble displaying an image at the top of a widget area [closed]
  100. Gutenberg block HTML image rendering override

Leave a Comment