У меня есть iframe, который содержит простой html, как показано ниже, но тег привязки не работает должным образом. При щелчке по тегу привязки он должен перейти к соответствующему элементу div, но вместо этого полная (текущая страница в целом) страница вставляется в iframe (просто скопируйте и вставьте код в W3School, и вы поймете проблему). Пожалуйста, ведите меня в этом.
<html>
<body>
<iframe style="height: 200px" srcDoc="
<html>
<body>
<ul>
<li>
<a href='#a'>a</a>
</li>
<li>
<a href='#b'>b</a>
</li>
<li>
<a href='#c'>c</a>
</li>
<li>
<a href='#d'>d</a>
</li>
<li>
<a href='#e'>e</a>
</li>
</ul>
<br><br>
<div id='a'>a
<br><br><br><br><br><br><br><br><br><br><br>
</div>
<div id='b'>b
<br><br><br><br><br><br><br><br><br><br><br>
</div>
<div id='c'>c
<br><br><br><br><br><br><br><br><br><br><br>
</div>
<div id='d'>d
<br><br><br><br><br><br><br><br><br><br><br>
</div>
<div id='e'>e
<br><br><br><br><br><br><br><br><br><br><br>
</div>
<div id='f'>f
<br><br><br><br><br><br><br><br><br><br><br>
</div>
<div id='g'>g
<br><br><br><br><br><br><br><br><br><br><br>
</div>
<div id='h'>h
<br><br><br><br><br><br><br><br><br><br><br>
</div>
<div id='i'>i
<br><br><br><br><br><br><br><br><br><br><br>
</div>
</body>
</html>"
>
</body>
</html>