HTML iframes пропонують потужний спосіб вставляти зовнішній вміст, наприклад відео, карти чи інші веб-сторінки, безпосередньо на вашу власну веб-сторінку. У цій статті детально описано HTML iframes, їх синтаксис і те, як їх можна використовувати для вдосконалення проектів веб-розробки.

Що таке фрейми HTML?

iframe — це документ HTML, вбудований в інший документ HTML. The >

• The src attribute specifies the URL of the document you want to embed.>
• Iframes can include videos , maps , or entire web pages from other sources.>

Attributes Value:>

It contains a single value URL that specifies the URL of the document that is embedded in the iframe. There are two types of URL links which are listed below: URL Descriptions Absolute URL It points to another webpage. Relative URL It points to other files of the same web page. Supported Attributes: AttributesDescriptionallowSpecifies a set of extra restrictions on the content that can be loaded in an . дозволити повний екран Вказує, чи є |_+_| можна відображати в повноекранному режимі. дозволити запит на оплату Вмикає запити на оплату вмісту всередині |_+_| . висота Встановлює висоту |_+_| елемент. ширина Встановлює ширину |_+_| елемент. завантаження Визначає, як вміст |_+_| слід завантажити. прокручування Контролює чи ні |_+_| повинні мати смуги прокрутки. назва Вказує назву |_+_| для націлювання на його вміст або для посилання на нього в JavaScript. реферальна політика Встановлює політику реферера для |_+_| вміст. пісочниця Визначає додатковий набір обмежень для вмісту в |_+_| . src Вказує URL-адресу документа для вбудовування |_+_| . srcdoc Визначає HTML-вміст сторінки для відображення в |_+_| .

Приклади HTML iframes

приклад 1: Цей приклад ілюструє використання an тег iframe який використовується для відображення веб-сторінки всередині поточної веб-сторінки.

HTML |_+_|

Вихід:

Приклад вихідних даних HTML iframes

2. Використання атрибутів Height і Width:

Атрибути height і width використовуються для визначення розміру iframe. Значення атрибутів за замовчуванням вказуються в пікселях. Ви можете використовувати пікселі або відсотки (наприклад, 80%).

приклад: Цей приклад описує Тег iframe HTML встановивши ширина висота iframe.

HTML |_+_|

Вихід:

Приклад вихідних даних HTML iframes

3. Видалення рамок з iframe

За замовчуванням iframe має рамку. Щоб видалити рамку, ми повинні використати атрибут style та використовувати Властивість CSS border .

приклад: У цьому прикладі описано тег iframe HTML, у якому встановлено властивість border немає .

HTML |_+_|

Вихід:

Приклад вихідних даних HTML iframes

4. Стиль межі iframe

Зміна розміру, стилю та кольору рамки iframe.

приклад: У цьому прикладі описується тег iframe HTML із зазначенням стилю рамки.

HTML |_+_|

Вихід:

Приклад виведення стилю рамок iframe HTML

5. Ціль iframe у посиланні

iframe можна використовувати як цільовий фрейм для посилання. Атрибут target посилання має посилатися на атрибут name iframe.

Приклад 5: У цьому прикладі описано тег iframe HTML із використанням цільового фрейму для посилання.

HTML |_+_| тег і його атрибути, ви можете використовувати iframe для покращення функціональності та покращення взаємодії з користувачем у своїх веб-проектах.

>