아이프레임 iframe 태그 속성 예제 소스 - 스크롤 바, 테두리, height, width

아이프레임 iframe태그 속성 소스

src : 아이프레임 홈페이지 url 주소

width : 아이프레임 가로 넓이

height: 아이프레임 세로 길이

frameborder : 테두리 굵기 0이면 테두리 없음

scrolling : 스크롤바 표시 scrolling=no는 스크롤바 없음 scrolling=yes는 무조건 스크롤바 표시 scrolling=auto는 스크롤바 자동표시

align : 정렬, align=left 왼쪽정렬, align=right 오른쪽정렬, align=middle 중앙정렬, align=absmiddle 줄중간정렬,

name : 아이프레임 이름

align, frameborder, scrolling 속성은 html4만 지원되고 html5 는 지원이 안된다고 합니다.

html5부터 추가된 속성 (html5는 지원하지 않는 브라우저도 있으니 주의하세요)

seamless

iframe이 아니라 원래 페이지의 소스인것처럼 보임. <iframe src=주소 seamless></iframe>처럼 씁니다. 지원하지 않는 브라우저 많음.

srcdoc

주소가 아니라 직접 태그소스를 iframe으로 표시할 수 있음
<iframe srcdoc="<p>하이?</p>"> </iframe> 이렇게 하면 입력한 태그가 iframe내에 표시됩니다. 익스플로러는 지원 안하고 크롬이나 파이어폭스로 해보세요.

sandbox

보안을 위해서 iframe에서 폼이나 자바스크립트 같은 게 실행되지 못하게 함. 아이프레임으로 해킹을 많이하니까 생긴 속성

allow-forms - 폼실행 허용
allow-same-origin 같은 도메인의 리소스 이용가능
allow-scripts 스크립트 실행 허용