What are all the differences between src and data-src attributes?

by

The attributes src and data-src have nothing in common, except that they are both allowed by HTML5 CR and they both contain the letters src. Everything else is different.

The src attribute is defined in HTML specs, and it has a functional meaning.

The data-src attribute is just one of the infinite set of data-* attributes, which have no defined meaning but can be used to include invisible data in an element, for use in scripting (or styling).

More Related Contents:

  1. How to layout images in 3 columns [closed]
  2. How do I auto-resize an image to fit a ‘div’ container?
  3. Why does my image have space underneath?
  4. Change color of PNG image via CSS?
  5. Disable cache for some images
  6. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  7. How to force a web browser NOT to cache images
  8. base64 encoded images in email signatures
  9. Inputting a default image in case the src attribute of an html is not valid?
  10. Is there an equivalent to background-size: cover and contain for image elements?
  11. Changing image on hover with CSS/HTML
  12. How to hide image broken Icon using only CSS/HTML?
  13. Fullscreen responsive background image in CSS
  14. How can I fill a div with an image while keeping it proportional?
  15. Protect image download
  16. How to make in CSS an overlay over an image?
  17. How to get a background image to print using css?
  18. Center image element in parent div
  19. CSS Background image not loading
  20. Gmail blocking small embedded inline images in email template
  21. Should image size be defined in the img tag height/width attributes or in CSS? [duplicate]
  22. How to replace color of PNG image using CSS? [duplicate]
  23. Width 100% with white borders around it. WHy?
  24. How to center a (background) image within a div?
  25. How to set the tag with basic authentication
  26. Responsive image align center bootstrap 3
  27. How to place Text and an Image next to each other in HTML?
  28. Which versions of IE support PNG favicons?
  29. Images not displaying in Github Pages?
  30. Is it possible to set a src attribute of an img tag in CSS?

Leave a Comment