SlideShare a Scribd company logo
HTML <iframe> Tag
<!DOCTYPE html>
<html>
<body>
<iframe src=“audio_autoplay“ name="iframe_a">
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>
An inline frame is used to embed another
document within the current HTML
document.
<iframe src=“audio_autoplay.html" width="1200"
height="200">
Satyaki Das | Contact No. 8981838547 .
<!DOCTYPE html>
<html>
<body>
<iframe srcdoc="<p>Hello Guys!</p>
<br> Classroom<br>
We are simply different.“
src="video.html">
</iframe>
</body>
</html>
The srcdoc attribute specifies the HTML content of the page to
show in the inline frame.
If a browser supports the srcdoc attribute, it will override the
content specified in the src attribute (if present).
If a browser does NOT support the srcdoc attribute, it will
show the file specified in the src attribute instead (if present).
srcdoc
The sandbox attribute enables an extra set of restrictions for the content in the iframe.
When the sandbox attribute is present, and it will:
• treat the content as being from a unique origin
• block form submission
• block script execution
• disable APIs
• prevent links from targeting other browsing contexts
• prevent content from using plugins (through <embed>, <object>, <applet>, or
other)
• prevent the content to navigate its top-level browsing context
• block automatically triggered features (such as automatically playing a video
or automatically focusing a form control)
The value of the sandbox attribute can either be just sandbox (then all restrictions are
applied), or a space-separated list of pre-defined values that will REMOVE the particular
restrictions.
Value Description
(no value) Applies all restrictions
allow-forms Re-enables form submission
allow-pointer-lock Re-enables APIs
allow-popups Re-enables popups
allow-same-origin Allows the iframe content to be treated as being from the same origin
allow-scripts Re-enables scripts
allow-top-navigation Allows the iframe content to navigate its top-level browsing context
Attribute Values
<iframe src="demo_iframe_sandbox_form.htm" sandbox="allow-forms"></iframe>
Demo

More Related Content

What's hot

XML Schema
XML SchemaXML Schema
XML Schema
yht4ever
 
19. Data Structures and Algorithm Complexity
19. Data Structures and Algorithm Complexity19. Data Structures and Algorithm Complexity
19. Data Structures and Algorithm Complexity
Intro C# Book
 
jQuery PPT
jQuery PPTjQuery PPT
jQuery PPT
Dominic Arrojado
 
Lab manual data structure (cs305 rgpv) (usefulsearch.org) (useful search)
Lab manual data structure (cs305 rgpv) (usefulsearch.org)  (useful search)Lab manual data structure (cs305 rgpv) (usefulsearch.org)  (useful search)
Lab manual data structure (cs305 rgpv) (usefulsearch.org) (useful search)
Make Mannan
 
Intro to HTML5 audio tag
Intro to HTML5 audio tagIntro to HTML5 audio tag
Intro to HTML5 audio tag
satejsahu
 
Class 5 - PHP Strings
Class 5 - PHP StringsClass 5 - PHP Strings
Class 5 - PHP Strings
Ahmed Swilam
 
Html forms
Html formsHtml forms
Html forms
Himanshu Pathak
 
Introduction to xml
Introduction to xmlIntroduction to xml
Introduction to xml
Gtu Booker
 
Exception Handling in JAVA
Exception Handling in JAVAException Handling in JAVA
Exception Handling in JAVA
SURIT DATTA
 
Introduction to JavaScript (1).ppt
Introduction to JavaScript (1).pptIntroduction to JavaScript (1).ppt
Introduction to JavaScript (1).ppt
MuhammadRehan856177
 
Introduction to Javascript
Introduction to JavascriptIntroduction to Javascript
Introduction to Javascript
Amit Tyagi
 
Web technology practical list
Web technology practical listWeb technology practical list
Web technology practical listdesaipratu10
 
Html training slide
Html training slideHtml training slide
Html training slide
villupuramtraining
 
JavaScript - Chapter 3 - Introduction
 JavaScript - Chapter 3 - Introduction JavaScript - Chapter 3 - Introduction
JavaScript - Chapter 3 - Introduction
WebStackAcademy
 
Html character entities
Html character entitiesHtml character entities
Html character entities
nobel mujuji
 
Basic html tags
Basic html tagsBasic html tags
Basic html tags
Himanshu Pathak
 
Javascript dom event
Javascript dom eventJavascript dom event
Javascript dom event
Bunlong Van
 

What's hot (20)

XML Schema
XML SchemaXML Schema
XML Schema
 
19. Data Structures and Algorithm Complexity
19. Data Structures and Algorithm Complexity19. Data Structures and Algorithm Complexity
19. Data Structures and Algorithm Complexity
 
jQuery PPT
jQuery PPTjQuery PPT
jQuery PPT
 
Lab manual data structure (cs305 rgpv) (usefulsearch.org) (useful search)
Lab manual data structure (cs305 rgpv) (usefulsearch.org)  (useful search)Lab manual data structure (cs305 rgpv) (usefulsearch.org)  (useful search)
Lab manual data structure (cs305 rgpv) (usefulsearch.org) (useful search)
 
Intro to HTML5 audio tag
Intro to HTML5 audio tagIntro to HTML5 audio tag
Intro to HTML5 audio tag
 
Class 5 - PHP Strings
Class 5 - PHP StringsClass 5 - PHP Strings
Class 5 - PHP Strings
 
Html forms
Html formsHtml forms
Html forms
 
Introduction to xml
Introduction to xmlIntroduction to xml
Introduction to xml
 
Exception Handling in JAVA
Exception Handling in JAVAException Handling in JAVA
Exception Handling in JAVA
 
Introduction to JavaScript (1).ppt
Introduction to JavaScript (1).pptIntroduction to JavaScript (1).ppt
Introduction to JavaScript (1).ppt
 
Javascript validating form
Javascript validating formJavascript validating form
Javascript validating form
 
Introduction to Javascript
Introduction to JavascriptIntroduction to Javascript
Introduction to Javascript
 
Web technology practical list
Web technology practical listWeb technology practical list
Web technology practical list
 
Introduction to Visual Basic
Introduction to Visual Basic Introduction to Visual Basic
Introduction to Visual Basic
 
Html training slide
Html training slideHtml training slide
Html training slide
 
JavaScript - Chapter 3 - Introduction
 JavaScript - Chapter 3 - Introduction JavaScript - Chapter 3 - Introduction
JavaScript - Chapter 3 - Introduction
 
Html character entities
Html character entitiesHtml character entities
Html character entities
 
Html tutorials
Html tutorialsHtml tutorials
Html tutorials
 
Basic html tags
Basic html tagsBasic html tags
Basic html tags
 
Javascript dom event
Javascript dom eventJavascript dom event
Javascript dom event
 

Similar to 27 iframe

HTML5, The Open Web, and what it means for you - Altran
HTML5, The Open Web, and what it means for you - AltranHTML5, The Open Web, and what it means for you - Altran
HTML5, The Open Web, and what it means for you - AltranRobert Nyman
 
HTML5 workshop, part 1
HTML5 workshop, part 1HTML5 workshop, part 1
HTML5 workshop, part 1
Robert Nyman
 
Html audio video
Html audio videoHtml audio video
Html audio video
Muhammad Ehtisham Siddiqui
 
High Performance Web Pages - 20 new best practices
High Performance Web Pages - 20 new best practicesHigh Performance Web Pages - 20 new best practices
High Performance Web Pages - 20 new best practicesStoyan Stefanov
 
More Than You Ever Wanted to Know About Resource Hints - Harry Roberts (CSS W...
More Than You Ever Wanted to Know About Resource Hints - Harry Roberts (CSS W...More Than You Ever Wanted to Know About Resource Hints - Harry Roberts (CSS W...
More Than You Ever Wanted to Know About Resource Hints - Harry Roberts (CSS W...
Shift Conference
 
Polymer and web component
Polymer and web componentPolymer and web component
Polymer and web component
Imam Raza
 
Speak The Web: The HTML5 Experiments
Speak The Web: The HTML5 ExperimentsSpeak The Web: The HTML5 Experiments
Speak The Web: The HTML5 Experiments
guestd427df
 
Introduction to web compoents
Introduction to web compoentsIntroduction to web compoents
Introduction to web compoents
Ran Wahle
 
An Introduction to HTML5
An Introduction to HTML5An Introduction to HTML5
An Introduction to HTML5
Steven Chipman
 
Web design and Development
Web design and DevelopmentWeb design and Development
Web design and Development
Shagor Ahmed
 
Frames and its components
Frames and its components Frames and its components
Frames and its components
Deepam Aggarwal
 
Please dont touch-3.6-jsday
Please dont touch-3.6-jsdayPlease dont touch-3.6-jsday
Please dont touch-3.6-jsday
Francesco Fullone
 
High Performance Front-End Development
High Performance Front-End DevelopmentHigh Performance Front-End Development
High Performance Front-End Developmentdrywallbmb
 
#1 HTML [know-how]
#1 HTML [know-how]#1 HTML [know-how]
#1 HTML [know-how]
Dalibor Gogic
 
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考えるIt is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
Sadaaki HIRAI
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
Muhammad Shafiq
 
20190118_NetadashiMeetup#8_React2019
20190118_NetadashiMeetup#8_React201920190118_NetadashiMeetup#8_React2019
20190118_NetadashiMeetup#8_React2019
Makoto Mori
 
Html tag presentation
Html tag presentationHtml tag presentation
Html tag presentationkfalgout
 
#3 HTML & CSS [know-how]
#3 HTML & CSS [know-how]#3 HTML & CSS [know-how]
#3 HTML & CSS [know-how]
Dalibor Gogic
 
Html5 + css3+ java script for future - HTML5
Html5 + css3+ java script for future - HTML5Html5 + css3+ java script for future - HTML5
Html5 + css3+ java script for future - HTML5
Harshana Weerasinghe
 

Similar to 27 iframe (20)

HTML5, The Open Web, and what it means for you - Altran
HTML5, The Open Web, and what it means for you - AltranHTML5, The Open Web, and what it means for you - Altran
HTML5, The Open Web, and what it means for you - Altran
 
HTML5 workshop, part 1
HTML5 workshop, part 1HTML5 workshop, part 1
HTML5 workshop, part 1
 
Html audio video
Html audio videoHtml audio video
Html audio video
 
High Performance Web Pages - 20 new best practices
High Performance Web Pages - 20 new best practicesHigh Performance Web Pages - 20 new best practices
High Performance Web Pages - 20 new best practices
 
More Than You Ever Wanted to Know About Resource Hints - Harry Roberts (CSS W...
More Than You Ever Wanted to Know About Resource Hints - Harry Roberts (CSS W...More Than You Ever Wanted to Know About Resource Hints - Harry Roberts (CSS W...
More Than You Ever Wanted to Know About Resource Hints - Harry Roberts (CSS W...
 
Polymer and web component
Polymer and web componentPolymer and web component
Polymer and web component
 
Speak The Web: The HTML5 Experiments
Speak The Web: The HTML5 ExperimentsSpeak The Web: The HTML5 Experiments
Speak The Web: The HTML5 Experiments
 
Introduction to web compoents
Introduction to web compoentsIntroduction to web compoents
Introduction to web compoents
 
An Introduction to HTML5
An Introduction to HTML5An Introduction to HTML5
An Introduction to HTML5
 
Web design and Development
Web design and DevelopmentWeb design and Development
Web design and Development
 
Frames and its components
Frames and its components Frames and its components
Frames and its components
 
Please dont touch-3.6-jsday
Please dont touch-3.6-jsdayPlease dont touch-3.6-jsday
Please dont touch-3.6-jsday
 
High Performance Front-End Development
High Performance Front-End DevelopmentHigh Performance Front-End Development
High Performance Front-End Development
 
#1 HTML [know-how]
#1 HTML [know-how]#1 HTML [know-how]
#1 HTML [know-how]
 
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考えるIt is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
 
20190118_NetadashiMeetup#8_React2019
20190118_NetadashiMeetup#8_React201920190118_NetadashiMeetup#8_React2019
20190118_NetadashiMeetup#8_React2019
 
Html tag presentation
Html tag presentationHtml tag presentation
Html tag presentation
 
#3 HTML & CSS [know-how]
#3 HTML & CSS [know-how]#3 HTML & CSS [know-how]
#3 HTML & CSS [know-how]
 
Html5 + css3+ java script for future - HTML5
Html5 + css3+ java script for future - HTML5Html5 + css3+ java script for future - HTML5
Html5 + css3+ java script for future - HTML5
 

More from SatyakiDas12

34 viewport
34 viewport34 viewport
34 viewport
SatyakiDas12
 
33 meta
33 meta33 meta
33 meta
SatyakiDas12
 
32 track
32 track32 track
32 track
SatyakiDas12
 
31 textarea
31 textarea31 textarea
31 textarea
SatyakiDas12
 
30 ruby
30 ruby30 ruby
30 ruby
SatyakiDas12
 
29 progress
29 progress29 progress
29 progress
SatyakiDas12
 
28 option
28 option28 option
28 option
SatyakiDas12
 
26 optgroup
26 optgroup26 optgroup
26 optgroup
SatyakiDas12
 
24 meter
24 meter24 meter
24 meter
SatyakiDas12
 
23 nav
23 nav23 nav
23 nav
SatyakiDas12
 
22 frameset
22 frameset22 frameset
22 frameset
SatyakiDas12
 
21 form in_html
21 form in_html21 form in_html
21 form in_html
SatyakiDas12
 
20 embed
20 embed20 embed
20 embed
SatyakiDas12
 
19 div
19 div19 div
19 div
SatyakiDas12
 
18 dialog open
18 dialog open18 dialog open
18 dialog open
SatyakiDas12
 
17 details summary
17 details summary17 details summary
17 details summary
SatyakiDas12
 
16 dd dl_dt
16 dd dl_dt16 dd dl_dt
16 dd dl_dt
SatyakiDas12
 
15 data list
15 data list15 data list
15 data list
SatyakiDas12
 
14 data tag
14 data tag14 data tag
14 data tag
SatyakiDas12
 
13 table in html
13 table in html13 table in html
13 table in html
SatyakiDas12
 

More from SatyakiDas12 (20)

34 viewport
34 viewport34 viewport
34 viewport
 
33 meta
33 meta33 meta
33 meta
 
32 track
32 track32 track
32 track
 
31 textarea
31 textarea31 textarea
31 textarea
 
30 ruby
30 ruby30 ruby
30 ruby
 
29 progress
29 progress29 progress
29 progress
 
28 option
28 option28 option
28 option
 
26 optgroup
26 optgroup26 optgroup
26 optgroup
 
24 meter
24 meter24 meter
24 meter
 
23 nav
23 nav23 nav
23 nav
 
22 frameset
22 frameset22 frameset
22 frameset
 
21 form in_html
21 form in_html21 form in_html
21 form in_html
 
20 embed
20 embed20 embed
20 embed
 
19 div
19 div19 div
19 div
 
18 dialog open
18 dialog open18 dialog open
18 dialog open
 
17 details summary
17 details summary17 details summary
17 details summary
 
16 dd dl_dt
16 dd dl_dt16 dd dl_dt
16 dd dl_dt
 
15 data list
15 data list15 data list
15 data list
 
14 data tag
14 data tag14 data tag
14 data tag
 
13 table in html
13 table in html13 table in html
13 table in html
 

Recently uploaded

PART A. Introduction to Costumer Service
PART A. Introduction to Costumer ServicePART A. Introduction to Costumer Service
PART A. Introduction to Costumer Service
PedroFerreira53928
 
Basic phrases for greeting and assisting costumers
Basic phrases for greeting and assisting costumersBasic phrases for greeting and assisting costumers
Basic phrases for greeting and assisting costumers
PedroFerreira53928
 
Sectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdfSectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdf
Vivekanand Anglo Vedic Academy
 
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdf
Welcome to TechSoup   New Member Orientation and Q&A (May 2024).pdfWelcome to TechSoup   New Member Orientation and Q&A (May 2024).pdf
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdf
TechSoup
 
How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17
Celine George
 
Ethnobotany and Ethnopharmacology ......
Ethnobotany and Ethnopharmacology ......Ethnobotany and Ethnopharmacology ......
Ethnobotany and Ethnopharmacology ......
Ashokrao Mane college of Pharmacy Peth-Vadgaon
 
2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...
Sandy Millin
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
Thiyagu K
 
Overview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with MechanismOverview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with Mechanism
DeeptiGupta154
 
Template Jadual Bertugas Kelas (Boleh Edit)
Template Jadual Bertugas Kelas (Boleh Edit)Template Jadual Bertugas Kelas (Boleh Edit)
Template Jadual Bertugas Kelas (Boleh Edit)
rosedainty
 
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptxMARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
bennyroshan06
 
Polish students' mobility in the Czech Republic
Polish students' mobility in the Czech RepublicPolish students' mobility in the Czech Republic
Polish students' mobility in the Czech Republic
Anna Sz.
 
The Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve ThomasonThe Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve Thomason
Steve Thomason
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
Jisc
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
Vivekanand Anglo Vedic Academy
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
Tamralipta Mahavidyalaya
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
Pavel ( NSTU)
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
Celine George
 
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCECLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
BhavyaRajput3
 
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Thiyagu K
 

Recently uploaded (20)

PART A. Introduction to Costumer Service
PART A. Introduction to Costumer ServicePART A. Introduction to Costumer Service
PART A. Introduction to Costumer Service
 
Basic phrases for greeting and assisting costumers
Basic phrases for greeting and assisting costumersBasic phrases for greeting and assisting costumers
Basic phrases for greeting and assisting costumers
 
Sectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdfSectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdf
 
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdf
Welcome to TechSoup   New Member Orientation and Q&A (May 2024).pdfWelcome to TechSoup   New Member Orientation and Q&A (May 2024).pdf
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdf
 
How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17
 
Ethnobotany and Ethnopharmacology ......
Ethnobotany and Ethnopharmacology ......Ethnobotany and Ethnopharmacology ......
Ethnobotany and Ethnopharmacology ......
 
2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
 
Overview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with MechanismOverview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with Mechanism
 
Template Jadual Bertugas Kelas (Boleh Edit)
Template Jadual Bertugas Kelas (Boleh Edit)Template Jadual Bertugas Kelas (Boleh Edit)
Template Jadual Bertugas Kelas (Boleh Edit)
 
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptxMARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
 
Polish students' mobility in the Czech Republic
Polish students' mobility in the Czech RepublicPolish students' mobility in the Czech Republic
Polish students' mobility in the Czech Republic
 
The Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve ThomasonThe Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve Thomason
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
 
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCECLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
 
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
 

27 iframe

  • 1.
  • 2. HTML <iframe> Tag <!DOCTYPE html> <html> <body> <iframe src=“audio_autoplay“ name="iframe_a"> <p>Your browser does not support iframes.</p> </iframe> </body> </html> An inline frame is used to embed another document within the current HTML document. <iframe src=“audio_autoplay.html" width="1200" height="200"> Satyaki Das | Contact No. 8981838547 .
  • 3. <!DOCTYPE html> <html> <body> <iframe srcdoc="<p>Hello Guys!</p> <br> Classroom<br> We are simply different.“ src="video.html"> </iframe> </body> </html> The srcdoc attribute specifies the HTML content of the page to show in the inline frame. If a browser supports the srcdoc attribute, it will override the content specified in the src attribute (if present). If a browser does NOT support the srcdoc attribute, it will show the file specified in the src attribute instead (if present). srcdoc
  • 4. The sandbox attribute enables an extra set of restrictions for the content in the iframe. When the sandbox attribute is present, and it will: • treat the content as being from a unique origin • block form submission • block script execution • disable APIs • prevent links from targeting other browsing contexts • prevent content from using plugins (through <embed>, <object>, <applet>, or other) • prevent the content to navigate its top-level browsing context • block automatically triggered features (such as automatically playing a video or automatically focusing a form control) The value of the sandbox attribute can either be just sandbox (then all restrictions are applied), or a space-separated list of pre-defined values that will REMOVE the particular restrictions.
  • 5. Value Description (no value) Applies all restrictions allow-forms Re-enables form submission allow-pointer-lock Re-enables APIs allow-popups Re-enables popups allow-same-origin Allows the iframe content to be treated as being from the same origin allow-scripts Re-enables scripts allow-top-navigation Allows the iframe content to navigate its top-level browsing context Attribute Values <iframe src="demo_iframe_sandbox_form.htm" sandbox="allow-forms"></iframe> Demo