반응형
iframe은 하나의 웹페이지안에 프레임을 만들어 또다른 웹을 띄우거나
링크를 거는등의 작업을 할 수 있습니다.
위와 같이 같은 페이지 안에 프레임을 만들어 다른 페이지를 띄워줄 수 있습니다.
그리고 크기도 다양하게 만들 수 있습니다.
사용방법은 간단합니다.
1 | <iframe ></iframe> | cs |
위와 같이 iframe 태그안에 아래의 속성값을 넣어주면 됩니다.
안에 넣을 수 있는 속성값입니다.
HTML5에서는 지원하지 않는 속성들이 늘어났습니다.
sandbox, src, srcdoc, width만 지원합니다.
sandbox는 보안관련 기능 태그이고(자세한건 다음에~),
src는 잘아시다 시피 띄어줄 소스 url을 넣는 곳입니다.
srcdoc은 별도의 htmlcode를 넣어 띄어줄수 있습니다.
width는 잘 아시다 시피 프레임의 가로 길이입니다.
px말고도 %를 사용하여 브라우저크기에 따라 변경하실 수 있습니다.
반응형
'Study > HTML5+etc' 카테고리의 다른 글
HTML5 브라우저별 호환기능 볼 수 있는 사이트 (2) | 2016.11.28 |
---|---|
j-query로 구글맵 띄우기!! (2) | 2015.02.12 |
HTML(J-query, javascrpit) 이미지 크기조절 (0) | 2015.02.12 |
PhotoSwipe로 gallery 만들기!! (0) | 2015.02.12 |
JQuery Tip!! (0) | 2015.02.12 |