안녕하세요 오늘은 우리가 홈페이지를 만들다 보면
가끔은 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)을 변화시킨다.

,