안녕하세요 오늘은 우리가 홈페이지를 만들다 보면
가끔은 iframe을 사용할 경우가 있습니다.
오래전에는 많이 사용했지만 근래에는 드물게 사용하고 있습니다.
그래도 홈페이지를만드는 분들을 위해서 최소한 알아야 할 것 같다고 생각합니다.
그래요 근래은
frameset -> iframe -> Ajax 순으로 변했다고 할 수 있겠습니다.
위3가지 모두 페이지 전환없이 일부분을 변경시켜주기위함인데요
Ajax를 사용하는 이유는 가볍고 유지보수성이 뛰어나기 때문이라고 하죠 !
Ajax는 다음시간엘 공부하기로 하고요...
iframe 태그부터 알아 봅시다
iframe을 쓸지 안 쓸지는 사실 퍼블리셔보다는 프로그래머가 판단을 하지요
이 부분은 iframe을 쓰자, 라고 하면 이제 퍼블리셔가 그에 알맞게 html 태그를 만들면 됩니다.
가끔 어떤 사이트에서 배너같은게 오류가 났는데, 그 박스 안에서만 '페이지 오류'라는 식으로 나오는 경우가 있습니다.
일반적으로 브라우저 오류가 있을 때 뜨는 그 화면이죠.
그렇게 전체화면이 특정 부분만 페이지 전체 오류처럼 뜨는 경우, iframe을 쓴겁니다.
iframe 태그 : 화면을 박스 형태로 분할하여 사용
<iframe width="숫자(픽셀단위 / %)" height="숫자(픽셀단위 / %" src="경로 및 파일명"> </iframe>
iframe도 특별한 경우가 아니라면 frameborder="0"으로 설정해주세요!
다시 정리하면
웹페이지 안에 다른 웹페이지를 표출하는 태그인데
<iframe src=처음보여질파일 width=가로폭 height=세로높이
frameborder=테두리표시여부
marginwidth=좌우여백
marginheight=상하여백
name=아이프레임이름,링크할때타겟으로설정할이름>
</iframe>
이처럼 유튜브 동영상에서 오른쪽 마우스 클릭하면 1)번 처럼 소스코드 복사가 나타나는데 자동으로 복사되며
이 코드를 html 의 <body> </body> 사이에 넣어서 확인해 볼 수 있습니다.
예를 들면 아래처럼
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<iframe width="854" height="480" src="https://www.youtube.com/embed/RobD6--rgh0?list=PLubRZitgUnxQ3a47iIDs1jv90KdQxnhZT" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</body>
</html>
'홈페이지제작 > HTML' 카테고리의 다른 글
| [html] 태그 div 이해하기, style 이해활용 (0) | 2018.03.23 |
|---|---|
| [HTML기초] 표만들기 (0) | 2018.03.09 |
| HTML5 기본 이해하기 (0) | 2018.03.02 |
| [HTML] 홈페이지에 오디오 삽입 방법 (0) | 2018.02.06 |
| HTML은 무엇인가? (0) | 2018.02.06 |
itworldkorea
IT korea가 세상(world)을 변화시킨다.