1. Frames
[1] HTML Frames란?
- 한 웹페이지를 여러 개 section으로 나누어서 활용한다.
- 각 섹션에 다른 내용을 나타낼 수 있다.
- 각 섹션은 독립적이다.
- 프레임을 나누는 html 문서에는
<bodytag는 사용하지 않는다. - HTML5에서는 정식 지원하지 않는다.
[2] <frameset>, <frame>
1) <frameset>
- cols : 좌우로 프레임을 나눈다.
- rows : 아래 위로 프레임을 나눈다.
- 값 지정은 %, px 단위로 사용한다.
2) <frame>
- src : 해당 프레임에 나타나는 html 파일 이름을 지정한다. (ex. html 파일)
- name : 해당 프레임의 이름을 지정한다.
- scrolling = 스크롤 여부를 지정한다. (ex. yes / no)
- border = 테두리를 지정한다. (ex. 2)
[3] 예시
1) 코드
(1) frame.html
<HTML>
<FRAMESET cols = 30%, 70%>
<FRAME SRC = frame_left.html>
<FRAME SR C= frame_rightt.html>
</FRAMESET>
</HTML>(1) frame_left.html
<BODY BGCOLOR = #5500AA TEXT = YELLOW>
<ul>
<li><a href = http://www.naver.com>naver</a></li>
<li><a href=http://www.handong.edu>handong</a></li>
<li><a href=http://www.google.com>google</a></li>
</ul>
</BODY>2) 결과 화면
2. Iframes
[1] IFrame란?
: 웹 페이지 안에 웹 페이지를 보여야 할 때 사용한다.
[2] 특징
1) border를 지울 수 있다.
<iframes src = "iframe_demo.html" height = "100" width = "200" style = "border : none;"></frame>2) a 태그를 통해 iframe으로 이동할 수 있다.
<iframe src = "iframe_demo.html" name = "iframe_a"></iframe>
<p><a href = "https://www.handong.edu" target = "iframe_a">HGU</a></p>1) 유의사항
: iframe 태그에 name을 지정하고, a 태그에 target을 지정해야 한다.
안녕하세요, 사용자들의 문제 해결을 중심으로 하는 프론트엔드 개발자입니다. 티스토리로 전환했어요 : https://pangil-log.tistory.com