티스토리 아이프레임(iframe) 구현방법, HTML 태크 명령어(네이버블로그X)

티스토리에 아이프레임을 넣는 방법은 의외로 간단합니다. 아래의 HTML 태크를 삽입하면 구현이 가능합니다.

아쉽게도 네이버 블로그에는 아이프레임이 지원되지 않습니다.

 

iframe 태그란?

iframe 태그는 다른 HTML 파일을 현재 웹 페이지 안에 삽입할 수 있는 기능입니다. 예를 들어, 과거에는 웹 사이트 개발 시에 헤더나 사이드바와 같은 요소들을 따로 만들어 iframe 태그로 묶어서 재사용하는 경우가 많았습니다.

예를 들어 지도, 영상, 결제창 등 외부 요소들을 HTML에 삽입해야 할 때도 과거에는 iframe을 사용하여 개발하는 경우가 많았습니다. 그러나 이러한 개발 방식은 iframe의 문제점이 많아지고 HTML5가 새롭게 등장하면서 현재는 잘 사용되지 않습니다.

2023.06.15 - [생활 정보] - 글 쓰는 방법, 전자책 출판 작가되는 방법, 1인 출판

글 쓰는 방법, 전자책 출판 작가되는 방법, 1인 출판

2023.06.26 - [성장노트] - 장수하는 방법은 시간관리, 직장인 은퇴준비(책, 습관, Tip)

장수하는 방법은 시간관리, 직장인 은퇴준비(책, 습관, Tip)

2023.06.05 - [금융 정보] - 파킹통장 투자방법, 발행어음 CMA금리(한국투자증권, 미래에셋증권, KB증권, NH투자증권) 비교추천

파킹통장 투자방법, 발행어음 CMA금리(한국투자증권, 미래에셋증권, KB증권, NH투자증권) 비교추천

 

iframe 태그 사용법은?

사용 방법은 다음과 같습니다. <iframe> 태그의 src 속성에 삽입할 웹 문서의 경로를 입력하면 됩니다. 또한, width와 height 속성을 사용하여 iframe의 크기를 조절할 수 있으며, iframe을 지원하지 않는 브라우저를 위한 텍스트를 <iframe></iframe> 안에 포함할 수도 있습니다.

 

 

아이프레임 비권장 이유

1. XSS 공격에 취약합니다. 악의적인 사용자가 다른 도메인에서 스크립트를 실행하거나 입력을 가로챌 수 있습니다.

2. 개인 데이터를 피싱할 수 있습니다. 악의적인 사용자가 악의적인 웹 양식을 사용하여 사용자의 개인 데이터를 획득할 수 있습니다.

3. 사용성이 떨어집니다. 브라우저의 뒤로 가기 버튼이 작동하지 않거나 다양한 속성 때문에 브라우저 오류가 발생할 수 있습니다.

4. 웹 크롤링에 문제가 있을 수 있습니다.  iframe은 웹 크롤링에 문제를 일으킬 수 있고, 검색 엔진에도 문제가 발생할 수 있습니다. HTML5가 등장하면서 iframe을 대체할 수 있는 다양한 태그들이 추가되었으므로, 가능하다면 이를 활용하는 것이 좋습니다. 그러나 어쩔 수 없이 HTML을 직접 삽입해야 한다면 iframe 방식이 가장 좋은 선택일 수 있습니다.