현제 페이지에 다른 웹 페이지를 불러올 수 있는 태그이다.
편리한 기능처럼 보이지만, !DOCTYPE
이 이중으로 선언되어 브라우저가 읽지 못한다. > seo 최적화가 어렵다.
불러오는 방법은 두 가지이다.
1 | <iframe src="https://www.youtube.com/"frameborder="0" width="500" height="300" name="youtube"></iframe> | cs |
유튜브쪽에서 연결을 막았다.
검색해보니 아이프레임으로 다른 웹사이트를 불러오는 건 보안에 있어서 문제가 많다고 한다.
그에 관해선 이쪽을 참고. iframe 보안 문제 우회 및 해결법 1
a
를 이용해 아이프레임을 나타나게 할 버튼을 만든다.
아래는 아이프레임 빈 공간이다. 저기에 티스토리를 불러올 예정이다. (원래 네이버 하려고 했는데 막힘)
1 2 | <a href="https://www.tistory.com/" target="tistory">티스토리 보고 싶어</a> <iframe src="" frameborder="1" width="500" height="300" name="tistory"></iframe> | cs |
iframe
요소는 앞서 말했다시피 여러 문제가 있어 남용을 지양해야 한다.