Как правильно добавить изображение без src?

Question

У меня есть изображение, которое позже я буду динамически заполнять с помощью src с помощью javascript, но для простоты я хочу, чтобы тег image существовал при загрузке страницы, но просто ничего не отображал. Я знаю, что <img src='' /> недопустимо, так как лучше всего это сделать?

Answer 1

Опираясь на ответ Бена Бланка, единственный способ получить его для проверки в валидаторе w3 был таким:

<img src="/./.:0" alt="">`

Answer 2

<img src="invis.gif" />

Где invis.gif - однопиксельный прозрачный GIF.Это не сломается в будущих версиях браузеров и работает в старых браузерах с 90-х годов.

png тоже должен работать, но в моих тестах gif был 43 байта, а png был 167 байтов, поэтому gif победил.

ps не забывайте тег alt, валидаторы тоже их любят.

Answer 3

Я лично использую about:blank src и работаю со значком разбитого изображения, установив непрозрачность элемента img на 0.

Answer 4

Просто, вот так:

<img id="give_me_src"/>