HTML에서 iframe과 프레임의 차이점을 설명하는 예를 들어보세요.

高洛峰
풀어 주다: 2017-02-18 15:54:34
원래의
1323명이 탐색했습니다.

프로젝트에서 프레임셋 속성을 사용했는지 모르겠습니다. 저는 작년에 온라인 고객 서비스 시스템 제작에서 프레임셋 속성을 사용했습니다. 왜냐하면 고객 서비스 시스템은 위의 고정 레이아웃을 가져야 하기 때문입니다. , 아래 하나 등. 그때는 프레임셋과 프레임만 사용하세요. 이러한 속성을 사용한 후 iframe과 프레임의 차이점을 이해했습니다. 그 전에는 일반적으로 프로젝트에서 프레임을 사용하지 않았고, 사용했다면 iframe을 사용했었습니다.

구체적인 차이점에 대해 이야기해보겠습니다! 다음 사항을 요약합니다.

1. FrameSet 없이는 단독으로 사용할 수 없습니다.

2. Frame은 본문에 배치할 수 없습니다. 🎜 >다음은 정상적으로 표시될 수 있습니다:

<!--<body>-->    
<frameset rows="50%,*">    
   <frame   name="frame1"   src="test1.htm"/>     
   <frame   name="frame2"   src="test2.htm"/>     
</frameset>    
<!--<body>-->
로그인 후 복사

다음은 정상적으로 표시될 수 없습니다:

<body>    
<frameset rows="50%,*">    
   <frame   name="frame1"   src="test1.htm"/>     
   <frame   name="frame2"   src="test2.htm"/>     
</frameset>    
<body>
로그인 후 복사

반대로, iframe이 FrameSet 속성 아래에 배치하려면 본문

<body>    
  <frameset>     
    <iframe   name="frame1"   src="test1.htm"/>     
    <iframe   name="frame2"   src="test2.htm"/>     
  </frameset>     
</body>
로그인 후 복사

에 배치해야 합니다. 3. iframe은 html 태그이며 html의 어느 위치에서나 사용할 수 있지만 프레임은 사용할 수 없습니다.

<body>    
   <iframe   name="frame1"   src="test1.htm"/>     
   <iframe   name="frame2"   src="test2.htm"/>     
</body>  
  
<table>    
<tr>    
<td><iframe id="" src=""></iframe></td><td></td>    
</tr>    
</table>
로그인 후 복사

프레임은 FrameSet에 중첩되어야 하며 테이블과 같은 태그에는 사용할 수 없습니다.

4. 프레임 높이는 FrameSet을 통해서만 제어할 수 있습니다. iframe은 자체적으로 제어할 수 있으며

<!--<body>-->    
<frameset rows="50%,*">    
   <frame   name="frame1"   src="test1.htm"/>     
   <frame   name="frame2"   src="test2.htm"/>     
</frameset>    
<!--</body>-->    
  
<body>    
<frameset>    
   <iframe height="30%"  name="frame1"   src="test1.htm"/>     
   <iframe height="100"  name="frame2"   src="test2.htm"/>     
</frameset>    
</body>
로그인 후 복사

5. 동일한 페이지에 2개 이상의 iframe을 사용하면 IE에서는 정상적으로 표시되지만, Firefox에서는 2개 이상의 iframe을 사용하면 정상적으로 표시됩니다. IE와 Firefox 모두에서

HTML에서 iframe과 프레임의 차이점을 설명하는 더 많은 예를 보려면 PHP 중국어 웹사이트의 관련 기사에 주목하세요!


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿