logo

HTML iframes

HTML iframe се използва за показване на вложена уеб страница (уеб страница в уеб страница). HTML

HTML iframe вгражда друг документ в текущия HTML документ в правоъгълната област.

Съдържанието на уеб страницата и съдържанието на iframe могат да взаимодействат помежду си с помощта на JavaScript.

видове тестване на софтуер

Синтаксис на iframe

HTML iframe се дефинира с

 <iframe src="URL"></iframe> 

Тук атрибутът 'src' указва уеб адреса (URL) на страницата с вградена рамка.

Задайте ширина и височина на iframe

Можете да зададете ширината и височината на iframe, като използвате атрибутите „width“ и „height“. По подразбиране стойностите на атрибутите са посочени в пиксели, но можете да ги зададете и в проценти. т.е. 50%, 60% и т.н.

Пример: (пиксели)

 <h2>HTML Iframes example</h2> <p>Use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Тествайте сега

Пример: (процент)

 <h2>HTML Iframes</h2> <p>You can use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Тествайте сега

Можете също да използвате CSS, за да зададете височината и ширината на iframe.

Пример:

 <h2>HTML Iframes</h2> <p>Use the CSS height and width properties to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Тествайте сега

Премахнете границата на iframe

По подразбиране iframe съдържа рамка около себе си. Можете да премахнете границата, като използвате атрибут и CSS свойство за граница.

Пример:

 <h2>Remove the Iframe Border</h2> <p>This iframe example doesn&apos;t have any border</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Тествайте сега

Можете също така да промените размера, цвета, стила на рамката на iframe.

Пример:

 <h2>Custom Iframe Border</h2> <iframe src="https://www.javatpoint.com/"></iframe> 
Тествайте сега

Цел на iframe за връзка

Можете да зададете целева рамка за връзка с помощта на iframe. Посоченият от вас целеви атрибут на връзката трябва да препраща към атрибута name на iframe.

java масивът е сортиран

Пример:

 <h2>Iframe - Target for a Link</h2> <iframe src="new.html" name="iframe_a"></iframe> <p> <a href="https://www.javatpoint.com">JavaTpoint.com</a> </p> <p>The name of iframe and link target must have same value else link will not open as a frame. </p> 
Тествайте сега

Изход

HTML iframes

new.hmtl изходен код:

 p{ font-size: 50px; color: red;} <p>This is a link below the ifarme click on link to open new iframe. </p> 

Вграждане на YouTube видео с помощта на iframe

Можете също да добавите видеоклип в YouTube на вашата уеб страница, като използвате

Следват някои стъпки за добавяне на видеоклип в YouTube на вашата уеб страница:

  • Отидете на видеоклип в YouTube, който искате да вградите.
  • Кликнете върху СПОДЕЛЯНЕ ➦ под видеоклипа.
  • Кликнете върху опцията Вграждане.
  • Копирайте HTML кода.
  • Поставете кода във вашия HTML файл
  • Променете височината, ширината и други свойства (според изискването).

Пример:

 <iframe src="https://www.youtube.com/embed/JHq3pL4cdy4" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe src="https://www.youtube.com/embed/O5hShUO6wxs" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture">></iframe> 
Тествайте сега

Изход:

str.substring в java
HTML iframes

Атрибути на

Име на атрибут Стойност Описание
позволи цял екран Ако е вярно, този кадър може да се отвори на цял екран.
височина Пиксели Той определя височината на вградения iframe, а височината по подразбиране е 150 px.
име текст Той дава името на iframe. Атрибутът име е важен, ако искате да създадете връзка в един кадър.
граница на рамката 1 или 0 Той определя дали iframe трябва да има рамка или не. (Не се поддържа в HTML5).
ширина Пиксели Той определя ширината на вградената рамка, а ширината по подразбиране е 300 px.
src URL адрес Атрибутът src се използва, за да даде на името на пътя или името на файла кое съдържание да се зареди в iframe.
пясъчник
Този атрибут се използва за прилагане на допълнителни ограничения за съдържанието на рамката
разрешителни форми Позволява изпращането на формуляра, ако тази ключова дума не се използва, тогава подаването на формуляр се блокира.
разрешаване на изскачащи прозорци Той ще активира изскачащи прозорци и ако не се приложи, няма да се отвори изскачащ прозорец.
позволяващи скриптове Това ще даде възможност на скрипта да се изпълнява.
позволи-същия произход Ако се използва тази ключова дума, тогава вграденият ресурс ще се третира като изтеглен от същия източник.
srcdoc Атрибутът srcdoc се използва за показване на HTML съдържанието във вградения iframe. Той отменя атрибута src (ако браузърът го поддържа).
превъртане
Това показва, че браузърът трябва да предоставя лента за превъртане за iframe или не. (Не се поддържа в HTML5)
Автоматичен Лентата за превъртане се показва само ако съдържанието на iframe е по-голямо от неговите размери.
да Винаги показва лентата за превъртане за iframe.
Не Никога не показва лентата за превъртане за iframe.