728x90
반응형
SMALL
iframe
: html5 문서에 다른 문서를 포함시킬 때 사용하는 태그
웹 문서 안에 다른 외부 문서를 불러올 때 사용한다.
(유튜브와 같은 영상 링크 or 많은 양의 콘텐츠 정보를 불러올 때)
> 유튜브 동영상 불러오기 <
공유 버튼을 누르면 아래와 같은 창이 뜬다.
위의 창에서 맨 앞의 퍼가기를 클릭하면 아래의 창이 뜬다.
<iframe> 태그로 코드가 짜여져 있다.
이걸 그대로 복사해서 <body>영역에서 원하는 위치에 붙여 놓고 출력해보면,
오류없이 연결이 잘 된 것을 확인할 수 있다.
관련 속성
- width=" " : 넓이를 지정할 때 사용한다. (단위 : %, px)
- height=" " : 높이를 지정할 때 사용한다. (단위 : %, px)
- name="현재 iframe의 이름"
- src="iframe에 표시할 문서의 주소를 지정"
HTML과 XHTML에서의 차이점
XHTML에서는 name 속성을 더이상 지원하지 않으므로, name속성 대신 전역 속성인 id 속성을 사용해야 한다.
728x90
반응형
LIST
'Front-End > HTML 5' 카테고리의 다른 글
| [프론트엔드][html5] 20. 입력양식태그 - form (0) | 2021.07.17 |
|---|---|
| [프론트엔드][html5] 19. 표 만들기 - table (0) | 2021.07.16 |
| [프론트엔드][html5] 17. 멀티미디어 - video (0) | 2021.07.15 |
| [프론트엔드][html5] 16. 멀티미디어 - audio (0) | 2021.07.13 |
| [프론트엔드][html5] 15. 시멘틱구조 내멋대로 실습 (0) | 2021.07.13 |
