2013-08-15 1 views
20

나는 HTML5에 익숙하지 않으며 약간의 연구를 수행했으며 <frameset>의 사용이 오래되었다는 것을 알아 냈으며 <iframes>을 읽지 못했습니다. 누군가가 나를 도울 수 있습니까? 예를 들어 표시된 것과 동일한 결과를 얻고 싶지만 <iframes> 또는 HTLM5에서 더 이상 사용되지 않는 <frameset>을 대체 할 때 사용 하시겠습니까?iframe을 사용하는 html5의 프레임에 대한 대안

<frameset cols="20%,*,"> 
    <frame src="menu.html"> 
    <frame src="events.html"> 
</frameset> 
+1

쉽게 교체 할 수있는 드롭 인이 없습니다. –

+0

구체적으로 프레임을 재생하려고합니까? 너는 두 개의 기둥 만 갖고 싶니? –

+0

사용할 때와 동일한 기능을 사용하고 싶습니다. – user2682329

답변

1

HTML 5는 iframe을 지원합니다. "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> 
+1

이것은 html, head를 삽입한다. 태그는 여전히 유효한 HTML입니까? – chulian

26

가 URL을 탐색 및 하이퍼 링크에 대한 문제가 발생하기 때문에 URL이 당신에게 (프레임 셋 포함) 인덱스 페이지를 취할 것이기 때문에 프레임이 사용되지 않습니다 각 프레임 창에 무엇이 있었는지 지정할 방법이 없었습니다.

템플릿 파일 : 오늘, 웹 페이지가 자주 등 PHP, ASP.NET, 루비 그래서 대신 사용하여 프레임과 같은 서버 측 기술에 의해 생성 된 페이지는 단순히이 같은 내용으로 템플릿을 병합하여 생성 할 수 있습니다 서버 측 스크립트 언어에 대한 완전한 지원이없는 경우

<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 속성을 사용했지만 표나 다른 방법을 사용할 수도 있습니다.

6

어쨌든 프레임을 사용하지 못하게되면 XHTML에서 index.html을 수행 한 다음 HTML5에서 프레임의 내용을 수행하면됩니다.