Как использовать <iframe>тег внутри <a href=" ">

Question

Итак, я планирую показать какое-нибудь изображение на странице, и если пользователь щелкнет по этому изображению, он будет перенаправлен на определенную страницу какого-либо веб-сайта внутри формата этого изображения.

Я попробовал что-то вроде этого:

<a href="https://www.w3schools.com/">
<iframe src="demo_iframe.htm" width="665" height="235"></iframe>
</a>

Но, очевидно, это не работает ...

Answer 1

добавить идентификатор в свой iframe

<iframe id="iframe_id" src=""></iframe>

и с помощью js (jquery) добавьте функцию, которая делает то, что вы хотите

$('#iframe_id').click(function() {
    //your code 
})

Answer 2

Вы не можете. Спецификация запрещает <a> элементам включать интерактивный контент , который включает <iframe> элементов.

Answer 3

Можете ли вы объяснить, что вы пытаетесь сделать?

Что я понял, так это то, что если кто-то пытается нажать на этот фрейм, вы хотите, чтобы они перенаправили на какую-то другую ссылку!

Для этого вы можете использовать JS. Оберните его внутри Div и сделайте onClick для этого div, и с помощью этой функции вы сможете перейти к новому месту.