Empty source and link attributes
If we have an HTML
tag containing an attribute, without value, we say it is an empty attribute. The issue with this empty attribute is, if the empty attribute is a source or a link, some browsers will still try to connect to the server, even we set it as an empty value. This unwanted request and overhead will create delays in our mobile website or application. As an example, take a look at the following anchor
tag and image
tag:
<a href=""> <img src="">
Also, take a look at the following JavaScript code:
var image = new Image(); image.src = ""
Usually, the HTML recommendation is that if there is an src
attribute, it should contain a URL. However, if you are using HTML5, you can have an empty attribute because, HTML5 uses specified algorithm to avoid extra requests if there is an empty attribute.
But, if you are not using HTML5 different browsers will behave differently:
Some browsers make the request to the same page
Some browsers ignore the request...