атрибут «target» якорного тега не работает

Question

Я сталкиваюсь с большой проблемой в HTML.

Не работает атрибут привязки «target».

Вот мой код

<div class="gallery_img">
   <img src="image/room1.jpg" alt="">
           <div class="hover">
<a class="light" href="image/room1.jpg" target="blank"><i class="fa fa-expand"></i></a>
      </div>
 </div>

Answer 1

В атрибуте target вам нужно добавить _ перед указанием цели. как

target="_blank"
target="_self"
target="_top"

Answer 2

Попробуйте это

<div class="gallery_img"> <img src="image/room1.jpg" alt="">
       <div class="hover"> <a class="light" href="image/room1.jpg" target="_blank"><i class="fa fa-expand"></i></a>
  </div>  </div>

Answer 3

Это target="_blank", а не target="blank".

MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a

target Указывает, где отображать связанный URL-адрес. Это имя или ключевое слово для контекста просмотра: вкладка, окно или <iframe>. Следующие ключевые слова имеют специальные значения:

• _self: загрузить URL-адрес в тот же контекст просмотра, что и текущий. Это поведение по умолчанию.
• _blank: загрузить URL-адрес в новый контекст просмотра. Обычно это вкладка, но пользователи могут настроить браузеры для использования новых окон.
• _parent: загрузить URL-адрес в родительский контекст просмотра текущего. Если родителя нет, это ведет себя так же, как _self.
• _top: загрузить URL-адрес в контекст просмотра верхнего уровня (т. Е. «Наивысший» контекст просмотра, который является предком текущего и не имеет родителя). Если родителя нет, это ведет себя так же, как _self.

Я придерживаюсь мнения, что веб-сайты обычно не должны использовать target="_blank", поскольку веб-сайты не должны предполагать, что пользователь действительно хочет, чтобы ссылка открывалась в новом окне или вкладке, особенно потому, что это может нарушить историю пользователя и кнопку возврата.