What’s the valid way to include an image with no src?

by

Another option is to embed a blank image. Any image that suits your purpose will do, but the following example encodes a GIF that is only 26 bytes – from http://probablyprogramming.com/2009/03/15/the-tiniest-gif-ever

<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" width="0" height="0" alt="" />

Edit based on comment below:

Of course, you must consider your browser support requirements. No support for IE7 or less is notable. http://caniuse.com/datauri

More Related Contents:

  1. An invalid form control with name=” is not focusable
  2. Manually Triggering Form Validation using jQuery
  3. How can I change or remove HTML5 form validation default error messages?
  4. HTML5 validation when the input type is not “submit”
  5. How do I get the collection of Model State Errors in ASP.NET MVC?
  6. Delay HTML5 :invalid pseudo-class until the first event
  7. Are nested HTML comments possible?
  8. HTML5 phone number validation with pattern
  9. HTML5 Required input styling
  10. What elements can be contained within a tag?
  11. Is there a minlength validation attribute in HTML?
  12. How do I make a field required in HTML?
  13. How do I style the HTML form validation error messages with CSS?
  14. How can I change or remove HTML form validation default error messages?
  15. Is div inside list allowed? [duplicate]
  16. Bad value X-UA-Compatible for attribute http-equiv on element meta
  17. Is the copyright meta tag valid in HTML5?
  18. What’s the point of valid CSS/HTML?
  19. How to get the text from the HTML5 input field error message in Selenium?
  20. Is it possible to validate the size and type of input=file in html5
  21. Angular2 disable button
  22. Fast and responsive interactive charts/graphs: SVG, Canvas, other?
  23. HTML multiple select box
  24. Is it alright to use multiple h1 tags on the same page, but style them differently? [closed]
  25. Embed Youtube code is not working in HTML
  26. Using cm/mm on the CSS of a web app that replicates paper interaction is a good practice?
  27. Make flex container take width of content, not width 100%
  28. How to make rounded border in IE8 with CSS?
  29. HTML5 drag and drop images from a toolbar to a canvas
  30. Markdown and image alignment

Leave a Comment