온라인에서 HTML <iframe> 요소 만들기
HTML iFrame 생성기는 HTTP 또는 HTTPS 페이지를 삽입하는 <iframe> 요소를 만듭니다. 소스 URL, 설명적인 제목, 크기, 테두리, 로딩 동작, Sandbox 제한, 허용할 브라우저 기능 및 리퍼러 정책을 설정한 뒤 미리 보기와 생성 코드를 확인할 수 있습니다.
iFrame 생성기 옵션
- URL, Title 및 Name은 삽입할 HTTP 또는 HTTPS 페이지와 프레임을 식별합니다.
- Width, Height 및 Border는 픽셀 또는 백분율을 사용하여 CSS로 iframe을 설정합니다.
- Lazy loading은 화면 밖 iframe의 로딩을 미룰 수 있고 Sandbox는 브라우저 기능을 제한합니다.
- Allow와 Referrer는 Permissions Policy 기능과 리퍼러 정보를 설정합니다.
미리 보기와 두 코드 패널은 자동으로 업데이트됩니다. 잘못된 URL에는 about:blank가 사용되며 원격 웹사이트는 응답 헤더로 iframe 삽입을 거부할 수 있습니다.
C#에서 HTML <iframe> 요소 만들기
위의 HTML Code 패널에는 설정한 iframe 마크업이 표시됩니다. 아래의 C# Code 패널은 Aspose.HTML for .NET 으로 동일한 요소를 만듭니다.
HTMLDocument와HTMLIFrameElement를 만듭니다.Src,Title및 선택적Name을 설정하고ICSSStyleDeclaration.SetProperty()로 크기와 테두리를 적용합니다.Element.SetAttribute()로 선택한loading,sandbox,allow및referrerpolicy값을 추가합니다.- iframe을 문서 본문에 추가하고
HTMLDocument.Save()로iframe.html을 저장합니다.
먼저 iframe을 설정한 다음 업데이트된 C# 코드를 .NET 프로젝트에 복사하세요.
HTML iFrame 생성기 FAQ
1. 웹사이트가 iframe 미리 보기에 빈 화면으로 나타나거나 로드되지 않는 이유는 무엇인가요?
웹사이트가 X-Frame-Options 헤더 또는 Content Security Policy의 frame-ancestors 지시문으로 프레임 표시를 차단할 수 있습니다. 생성된 HTML과 C# 코드는 원격 서버 정책을 무시할 수 없으므로 소유자가 삽입을 허용한 URL을 사용하세요.
2. 높이를 백분율로 지정하면 예상과 다른 결과가 나오는 이유는 무엇인가요?
백분율 높이는 iframe을 포함하는 블록의 계산된 높이에 따라 달라집니다. 부모 요소에 명확한 높이가 없으면 픽셀을 사용하거나 부모 컨테이너의 높이를 명시하세요.
3. Sandbox 제한과 Allow의 차이는 무엇인가요?
HTML의 sandbox 특성은 삽입된 페이지의 기능을 제한하고 allow는 Permissions Policy를 통해 선택한 브라우저 기능을 허용합니다. 필요한 기능만 허용하세요. allow 값이 Sandbox 제한을 제거하지는 않습니다.
4. iframe에는 어떤 리퍼러 정책을 선택해야 하나요?
삽입된 서비스가 특정 정책을 요구하지 않으면 브라우저 기본값을 사용하세요. 리퍼러 정보를 보내지 않으려면 no-referrer를, 같은 출처에는 전체 URL을 보내고 안전한 교차 출처에는 출처만 보내려면 strict-origin-when-cross-origin을 선택하세요.
5. 생성기가 입력한 iframe URL을 about:blank로 바꾸는 이유는 무엇인가요?
미리 보기에는 유효한 HTTP와 HTTPS URL만 사용할 수 있습니다. 비어 있거나 형식이 잘못되었거나 실행 가능한 스킴은 생성기 미리 보기에서 iframe 소스로 실행되지 않도록 about:blank로 바뀝니다.
Aspose.HTML for .NET 설치
.NET CLI를 사용하여 NuGet에서 Aspose.HTML for .NET 을 설치합니다.
dotnet add package Aspose.HTML
NuGet 패키지 관리자 UI를 사용하거나 패키지 관리자 콘솔에서 Install-Package Aspose.HTML을 실행할 수도 있습니다. 설정 방법은
설치 가이드
를 참조하세요. 평가 제한 없이 API를 테스트하려면
임시 라이선스
를 요청할 수 있습니다.
관련 HTML 생성기
전용 생성기로 다른 HTML 구조와 요소를 만들 수 있습니다.