HTML Iframes | 웹페이지 내에 웹페이지 디스플레이 하기

• HTML Iframe은 웹페이지 내에 웹페이지를 디스플레이 하는데 사용된다.
• <iframe> 태그는 inline frame 을 지정한다.
• Inline frame 은, 현재 HTML 문서 내에 다른 문서를 포함하는데 사용된다.

• 항상 <iframe> 에 대한 제목 속성을 포함하는 것이 좋다. screen readers 가 iframe의 내용을 읽어주기 때문에.

---

 

<Iframe 의 사이즈>

​

• height 와 width 속성을 이용해서 iframe 의 사이즈를 조절해주면 되고, 사이즈값은 pixel 로 default 되어 있다.

​

• Style 속성을 사용해, CSS로 height 와 width 의 사이즈를 조절해줄 수도 있다.

---

 

<Ifram - Border 테두리 제거하기>

​

• Iframe 은 default 값으로, border 테두리가 쳐져 있는데,
• 이를 제거하기 위해서는, style 속성과 CSS의 border 특성을 이용하면 된다.

​

• CSS 를 이용하면, border 테두리에 색상이나 사이즈와 같은 스타일링을 입힐 수도 있다.

---

 

<Iframe - target 링크>

​

• iframe 은 링크의 target 프레임으로 사용할 수 있다.
• 링크의 target 속성은 iframe의 이름 속성을 참조해야 한다
• Iframe 안에 name을 부여하고, 그 다음 링크에서 target 값에 name 값을 넣어주면, 디스플레이 화면에서는 name값 프레임에서 → 링크 클릭 후 → 링크 페이지로 넘어가게끔 보여진다.

---