Я новичок в HTML5, и я провел некоторые исследования и обнаружил, что использование < frameset >
устарело и из того, что я прочитал< iframes >
нет. Так что кто-то может мне помочь, я хочу получить тот же результат, что и показанный пример, но при использовании < iframes >
или другой замены для< frameset >
, который не устарел в HTLM5?
<frameset cols="20%,*,">
<frame src="menu.html">
<frame src="events.html">
</frameset>
Кадры были обесцениты, потому что они создавали проблемы для навигации по URL и гиперссылки, потому что URL-адрес просто брал у вас индексную страницу (с набором кадров), и не было никакого способа указать, что было в каждом из окон кадра. Сегодня веб-страницы часто генерируются серверными технологиями, такими как PHP, ASP.NET, Ruby и т. Д. Таким образом, вместо использования фреймов страницы могут быть просто сгенерированы путем слияния шаблона с контентом, подобным этому:
Файл шаблона
<html>
<head>
<title>{insert script variable for title}</title>
</head>
<body>
<div class="menu">
{menu items inserted here by server-side scripting}
</div>
<div class="main-content">
{main content inserted here by server-side scripting}
</div>
</body>
</html>
Если у вас нет полной поддержки языка сценариев на стороне сервера, вы также можете использовать серверные функции (SSI). Это позволит вам сделать то же самое - т.е. создать одну веб-страницу из нескольких исходных документов.
Но если вы действительно хотите, чтобы раздел вашей веб-страницы был отдельным «окном», в которое вы можете загружать другие веб-страницы, которые не обязательно расположены на вашем собственном сервере, вам придется использовать iframe.
Вы можете подражать своему примеру, как это:
Пример кадров
<html>
<head>
<title>Frames Test</title>
<style>
.menu {
float:left;
width:20%;
height:80%;
}
.mainContent {
float:left;
width:75%;
height:80%;
}
</style>
</head>
<body>
<iframe class="menu" src="menu.html"></iframe>
<iframe class="mainContent" src="events.html"></iframe>
</body>
</html>
Вероятно, есть лучшие способы добиться макета. Я использовал атрибут CSS float, но вы также можете использовать таблицы или другие методы.
Хотя я согласен со всеми остальными, если вы все равно не можете использовать фреймы, вы можете просто сделать index.html в XHTML, а затем сделать содержимое фреймов в HTML5.
HTML 5 поддерживает iframes. Было добавлено несколько интересных атрибутов, таких как «sandbox» и «srcdoc».
Http://www.w3schools.com/html5/tag_iframe.asp
или вы можете использовать
<object data="framed.html" type="text/html"><p>This is the fallback code!</p></object>