Есть ли альтернатива устаревшему тегу HTML ‹frameset›, чтобы получить тот же вывод, чтобы разделить страницу на желаемое количество столбцов?

Я хочу иметь панель навигации в левой части страницы, к которой можно получить доступ на всех других страницах.

Для этого я использовал тег ‹frameset›.

<frameset cols="20%,80%">
  <frame src="contents/navigation.html" name="navigation">
  <frame src="contents/index.html" name="content">
</frameset>

Но это устаревший тег в HTML5, и я получаю предупреждение об устаревании от своей IDE для этого тега, указывающее, что тег ‹frameset› не поддерживается в HTML5. Итак, что может быть альтернативой этому устаревшему подходу?

+ PS: в вопросе есть несколько полезных ответов (Альтернатива для фреймов в html5 с использованием iframe). Но все же я ищу ответ, чтобы создать боковую панель для элементов навигации. Тег iframe добавляет только фрейм или поле, но для случая, показанного в моем вопросе, тег frameset делит порт просмотра на два столбца, в которых навигация размещается в левой части страницы. Как я могу получить этот вывод набора фреймов, используя альтернативный метод?


person Ali Safari    schedule 04.07.2019    source источник
comment
Вы пробовали использовать <iframe>?   -  person Manav    schedule 04.07.2019
comment
@Manav Спасибо за ваш комментарий. Когда я использую iframe, я получаю только один пустой фрейм в качестве вывода, даже не два пустых поля, так как здесь у меня есть два тега фрейма.   -  person Ali Safari    schedule 04.07.2019
comment
Спасибо @EliKnaffo, я нашел решение своей проблемы на странице, которую вы разместили здесь.   -  person Ali Safari    schedule 04.07.2019
comment
Это то, что я собираюсь использовать в качестве альтернативы набору фреймов: ‹iframe srcdoc=‹p›показ содержимого Navigation.html‹/p› src=contents/navigation.html name=navigation›‹/iframe› ‹iframe srcdoc=‹p›показ содержимого index.html‹/p› src=contents/index.html name=content›‹/iframe› Пожалуйста, дайте мне знать, если у вас есть какие-либо предложения по улучшению моего ответа на проблему на основе вашего предложения.   -  person Ali Safari    schedule 04.07.2019
comment
Я бы посоветовал вам взглянуть на iframe по адресу w3schools.com. Это лучший сайт для изучения основ HTML и CSS. и это регулятор для них.   -  person EliKnaffo    schedule 04.07.2019


Ответы (1)


Iframe является альтернативой фрейму. для макета вы должны использовать css для достижения дизайна.

<iframe class="header" src="header.html"></iframe>
<iframe class="main" src="main.html"></iframe>
<iframe class="footer" src="footer.html"></iframe>
person Amit    schedule 04.07.2019
comment
Спасибо за ваш комментарий. Тег iframe добавляет только фрейм или поле, но для случая, показанного в моем вопросе, тег frameset делит страницу на два столбца, в которых элементы навигации перечислены в левой части страницы. Итак, как я могу получить этот вывод тега набора фреймов, используя другой метод? - person Ali Safari; 04.07.2019