Создание элемента HTML <iframe> онлайн
Генератор HTML iFrame создает элемент <iframe> для встраивания HTTP- или HTTPS-страницы. Задайте URL источника, описательный title, размеры, границу, способ загрузки, ограничения sandbox, разрешенные функции браузера и referrer policy, затем проверьте предпросмотр и скопируйте HTML- или C#-код.
Настройки генератора HTML iFrame
Интерактивный генератор поддерживает следующие настройки:
- URL, Title и Name определяют встроенную HTTP- или HTTPS-страницу и имя iframe.
- Width, Height, Show border, Border Width, Border Style и Border Color управляют iframe через CSS с размерами в пикселях или процентах.
- Lazy loading может отложить загрузку iframe за пределами видимой области, а Sandbox restrictions применяет ограничения браузера.
- Allow и Referrer задают функции Permissions Policy и передаваемую referrer-информацию.
Предпросмотр и обе панели кода обновляются автоматически. Для недействительного URL используется about:blank. Удаленный сайт может запретить встраивание iframe с помощью заголовков своего ответа.
Создание элемента HTML <iframe> в C#
Панель HTML Code выше содержит настроенную разметку <iframe>. Панель C# Code ниже создает эквивалентный элемент с помощью
Aspose.HTML for .NET
.
Созданный код выполняет следующие действия:
- Создает
HTMLDocumentиHTMLIFrameElement. - Задает
Src,Titleи необязательныйName, затем применяет размеры и границу черезICSSStyleDeclaration.SetProperty(). - Добавляет выбранные значения
loading,sandbox,allowиreferrerpolicyс помощьюElement.SetAttribute(). - Добавляет iframe в тело документа и сохраняет
iframe.htmlс помощьюHTMLDocument.Save().
Сначала настройте iframe, затем скопируйте обновленный C#-код в свой .NET-проект.
FAQ по генератору HTML iFrame
1. Почему сайт остается пустым или не загружается в предпросмотре iframe?
Сайт может запрещать встраивание заголовком X-Frame-Options или директивой frame-ancestors в Content Security Policy. Созданный HTML- или C#-код не может отменить политику удаленного сервера, поэтому используйте URL сайта, владелец которого разрешает встраивание.
2. Почему высота в процентах дает неожиданный результат?
Процентная высота зависит от вычисленной высоты содержащего iframe блока. Если родительский элемент не имеет определенной высоты, используйте пиксели или явно задайте высоту родительского контейнера.
3. Чем Sandbox restrictions отличается от Allow?
Атрибут sandbox ограничивает возможности встроенной страницы, а allow предоставляет выбранные функции браузера через Permissions Policy. Разрешайте только необходимые функции. Значение allow не отменяет ограничения sandbox.
4. Какую referrer policy выбрать для iframe?
Оставьте browser default, если встроенному сервису не требуется конкретная политика. Выберите no-referrer, чтобы не передавать referrer, или strict-origin-when-cross-origin, чтобы передавать полный URL для same-origin запросов и только origin для защищенных cross-origin запросов.
5. Почему генератор заменяет URL iframe на about:blank?
Предпросмотр принимает только действительные HTTP- и HTTPS-адреса. Пустые, некорректные или потенциально исполняемые схемы заменяются на about:blank, чтобы они не могли запускаться как источник iframe в генераторе.
Установка Aspose.HTML for .NET
Установите Aspose.HTML for .NET из NuGet с помощью .NET CLI:
dotnet add package Aspose.HTML
Также можно использовать интерфейс диспетчера пакетов NuGet или выполнить Install-Package Aspose.HTML в консоли диспетчера пакетов. Подробные инструкции приведены в
руководстве по установке
. Чтобы протестировать API без ограничений ознакомительной версии, запросите
временную лицензию
.
Другие HTML-генераторы
Создавайте другие HTML-элементы и структуры с помощью специализированных генераторов