반응형
Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 |
Tags
- 테이블 생성
- jsp
- 변경
- 회원가입페이지
- API
- 카카오 로그인
- restAPI
- 로그아웃
- 스타일 시트
- 크기조정
- 연산자 우선순위
- 없애기
- 주소
- 조건문
- span width 설정
- 반복문
- 다음주소API
- 변수
- 인스턴스
- 로그인
- 카카오로그인
- 별찍기
- 유효성검사
- id 개별 부여
- textarea
- 42000
- 자바
- rest api
- 셀렉터
- openChallenge
Archives
- Today
- Total
뚜벅이 한걸음
인라인 프레임,<iframe> 본문
반응형
인터넷을 할 때 식당을 검색하거나 하면 지도 화면이 웹페이지 내에서 작동하는 것을 볼 수 있다.
<iframe>을 사용하면 현재 html 페이지 내에 내장 윈도우를 만들고
다른 html 페이지를 출력할 수 있다.
이때 <iframe> 태그로 만들어지는 윈도우를 인라인 프레임이라고 한다.
<iframe src="iframe.html" width="200" height="150" 이 브라우져는 iframe 태그를 지원하지 않습니다. </iframe>
<iframe>을 지원하지 않는 브라우저에는 태그 사이에 적어놓은 글씨가 나오게 된다.
<iframe> 태그가 가지는 속성은 다음과 같다.
<iframe src="URL" <!--출력할 웹페이지의 URL주소--> srcdoc="html 문서 텍스트" name="윈도우의 이름" width="프레임의 폭" height="프레임의 높이"
※
내가 만든 html 창에 네이버를 연결하려고 하니 연결이 되지 않았는데
이는 네이버에서 <iframe>으로 출력되는 것을 거부하기 때문이라고 한다.
보안의 문제라고 한다.
다움이랑 네이트는 <iframe>에는 이용이 가능했다.
※
<iframe>사용 시에는 주의사항이 있다.
1. <body> 태그 안에서만 사용할 것
2. src 속성이 생략되면 <iframe> 영역이 만들어지긴 하지만 비어있다.
3. srcdoc에 iframe에 들어갈 텍스트를 직접 작성할 수도 있다.
이 경우에 src는 무시되고 srcdoc에 작성된 텍스트가 출력이 된다.
4. 인라인 프레임 안에 또 인라인 프레임이 작성될 수 있다.
<iframe> 태그는 <a> 태그와 비슷한 점이 많은 것 같다.
둘 다 연결하는 기능을 많이 할 수 있다.
반응형
'HTML' 카테고리의 다른 글
| html5+ css3+Javascript 2장 open challenge 2 (0) | 2022.07.08 |
|---|---|
| 미디어 삽입 <audio>,<video> (0) | 2022.07.08 |
| id 속성으로 앵커 만들기 (0) | 2022.07.08 |
| 하이퍼링크 만들기,<a> (0) | 2022.07.08 |
| 표만들기, <table> (0) | 2022.07.08 |
'HTML' Related Articles
more
