HYUIT'S STORY

iframe 본문

STUDY/html + css

iframe

HYUIT 2018. 2. 22. 23:48

아이프레임
* <iframe>
아이프레임은 페이지에서 잘라낸 작은 창이라 생각하면 쉽다.
-inline frame의 약자이다.

아이프레임의 대표적인 사용 예는
여러 사이트에서 봤듯이 구글 지도를 페이지에 내장한 경우다.
아이프레임의 콘텐츠는 같은 서버에 있든지 웹 상의 다른 곳에 있든지 상관없으며 모든 html페이지가 가능하다.

* <iframe>요소를 사용하는 데 필요한 속성
-src : 프레임에 표시할 페이지의 URL을 지정한다.
-height : 아이프레임의 높이를 지정.
-width : 아이프레임의 너비를 지정.



-scrolling : HTML5에서는 지원하지 않음.
scrolling 속성은 아이프레임 내부에 있는 페이지가 height와 width 속성으로 지정한
영역보다 큰 경우에 스크롤바를 사용하여 프레임을 이동하며 더 많은 콘텐츠를 볼 수 있게 한다.
-scrolling의 속성은,
yes(스크롤바 표시), no(스크롤바 숨김), auto(필요한 경우에만 표시) 값 중 하나를 설정할 수 있다.
-frameborder : HTML5에서는 지원하지 않음.
프레임 테두리 표시여부를 지정하는 데 사용한다.
-값,
‘0’(테두리를 표시하지 않음), ‘1’(테두리를 표시)
-seamless : 스크롤바를 원하지 않는 아이프레임에 적용할 수 있다.

'STUDY > html + css' 카테고리의 다른 글

미디어쿼리  (0) 2018.05.09
margin-top사용 시,  (0) 2018.02.23
블록요소 인라인요소  (0) 2018.02.22
input 태그  (0) 2018.02.22
figure과 figcaption  (0) 2017.12.24