티스토리에 아이프레임을 넣는 방법은 의외로 간단합니다. 아래의 HTML 태크를 삽입하면 구현이 가능합니다.
아쉽게도 네이버 블로그에는 아이프레임이 지원되지 않습니다.
iframe 태그란?
iframe 태그는 다른 HTML 파일을 현재 웹 페이지 안에 삽입할 수 있는 기능입니다. 예를 들어, 과거에는 웹 사이트 개발 시에 헤더나 사이드바와 같은 요소들을 따로 만들어 iframe 태그로 묶어서 재사용하는 경우가 많았습니다.
예를 들어 지도, 영상, 결제창 등 외부 요소들을 HTML에 삽입해야 할 때도 과거에는 iframe을 사용하여 개발하는 경우가 많았습니다. 그러나 이러한 개발 방식은 iframe의 문제점이 많아지고 HTML5가 새롭게 등장하면서 현재는 잘 사용되지 않습니다.
2023.06.15 - [생활 정보] - 글 쓰는 방법, 전자책 출판 작가되는 방법, 1인 출판
글 쓰는 방법, 전자책 출판 작가되는 방법, 1인 출판
글 쓰는 방법, 전자책 출판 작가되는 방법, 1인 출판 글을 작성하는 것은 의사소통과 정보 공유의 중요한 수단입니다. 이를 통해 우리는 다른 사람들과 생각과 아이디어를 공유하고, 지식을 전파
selfdevelopment.tistory.com
2023.06.26 - [성장노트] - 장수하는 방법은 시간관리, 직장인 은퇴준비(책, 습관, Tip)
장수하는 방법은 시간관리, 직장인 은퇴준비(책, 습관, Tip)
장수하는 방법은 시간관리, 직장인 은퇴준비 시간이 없을 때 시간을 계획해야 합니다. 계획 없이 어느 날 갑자기 시간이 많아진다면 그 때에는 시간을 감당할 수 없어 시간을 허비할 수 있습니
selfdevelopment.tistory.com
2023.06.05 - [금융 정보] - 파킹통장 투자방법, 발행어음 CMA금리(한국투자증권, 미래에셋증권, KB증권, NH투자증권) 비교추천
파킹통장 투자방법, 발행어음 CMA금리(한국투자증권, 미래에셋증권, KB증권, NH투자증권) 비교추천
파킹통장의 대안, 발행어음 CMA금리(한국투자증권, 미래에셋증권, KB증권, NH투자증권) 금리가 점점 낮아지고 있습니다. 물가는 해가 갈수록 점점 오르지만 금리는 오르다가 내리고 내리다가 오릅
selfdevelopment.tistory.com
iframe 태그 사용법은?
사용 방법은 다음과 같습니다. <iframe> 태그의 src 속성에 삽입할 웹 문서의 경로를 입력하면 됩니다. 또한, width와 height 속성을 사용하여 iframe의 크기를 조절할 수 있으며, iframe을 지원하지 않는 브라우저를 위한 텍스트를 <iframe></iframe> 안에 포함할 수도 있습니다.
아이프레임 비권장 이유
1. XSS 공격에 취약합니다. 악의적인 사용자가 다른 도메인에서 스크립트를 실행하거나 입력을 가로챌 수 있습니다.
2. 개인 데이터를 피싱할 수 있습니다. 악의적인 사용자가 악의적인 웹 양식을 사용하여 사용자의 개인 데이터를 획득할 수 있습니다.
3. 사용성이 떨어집니다. 브라우저의 뒤로 가기 버튼이 작동하지 않거나 다양한 속성 때문에 브라우저 오류가 발생할 수 있습니다.
4. 웹 크롤링에 문제가 있을 수 있습니다. iframe은 웹 크롤링에 문제를 일으킬 수 있고, 검색 엔진에도 문제가 발생할 수 있습니다. HTML5가 등장하면서 iframe을 대체할 수 있는 다양한 태그들이 추가되었으므로, 가능하다면 이를 활용하는 것이 좋습니다. 그러나 어쩔 수 없이 HTML을 직접 삽입해야 한다면 iframe 방식이 가장 좋은 선택일 수 있습니다.
'생활 정보' 카테고리의 다른 글
| 서대문역 맥주맛집 삼공사, 영천시장 맛집 브루어리304 서대문점 (0) | 2023.08.08 |
|---|---|
| 실업급여 개편내용, 조건 6개월-10개월 예상 실업급여액 신청방법 (0) | 2023.07.14 |
| 글 쓰는 방법, 전자책 출판 작가되는 방법, 1인 출판 (0) | 2023.06.15 |
| 인천공항 주차장 비용요금 할인정보, 김포공항 주차대행 가격 범죄사고 주의 (0) | 2023.05.26 |
| MG손보 손해보험 실손보험 보험금 실비청구방법(어플, 앱 신청불가) (1) | 2023.05.12 |