Как мне использовать несколько iFrames в моей HTML-странице?

Question

У меня просто есть они в теле страницы один за другим.Если я сделаю это с <object>, я увижу их всех.С iFrames я вижу только первый.

<iframe id="AlertMaintenance" style="border-style: none; border-color: inherit; border-width: 0px; height:1222px; width:100%;" src="AlertMaintenance.html"/>

<iframe id="DelayReason" style="border-style: none; border-color: inherit; border-width: 0px; height:1222px; width:100%;" src="DelayReason.html"/>

Answer 1

Вы должны указать закрывающий тег </iframe>.Самозакрывающиеся теги (/>) не работают.

Рабочий код:

<iframe id="AlertMaintenance" style="border-style: none; border-color: inherit; border-width: 0px; height:1222px; width:100%;" src="AlertMaintenance.html"></iframe>
<iframe id="DelayReason" style="border-style: none; border-color: inherit; border-width: 0px; height:1222px; width:100%;" src="DelayReason.html"></iframe>

Требуются конечные теги.Смотрите также: MDN: iFrame .

Answer 2

Iframe имеет закрывающий тег:

<iframe ...></iframe>

Добавить их в '.

Answer 3

Вы пытаетесь использовать самозакрывающиеся теги.

Измените это на:

<iframe id="AlertMaintenance" style="border-style: none; border-color: inherit; border-width: 0px; height:1222px; width:100%;" src="AlertMaintenance.html"></iframe>

<iframe id="DelayReason" style="border-style: none; border-color: inherit; border-width: 0px; height:1222px; width:100%;" src="DelayReason.html"></iframe>