Scribd
Upload
19 views

Unit 2HTML Frames Are Obsolete in HTML5

Frames allow embedding separate documents within a webpage but have usability and accessibility issues, especially on mobile. Iframes, unlike frames, embed content inline and are better suited for responsive design. While frames define layout, iframes are for adding content and allow separating presentation from content, following modern web design trends.

Uploaded by

kall
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
19 views

Unit 2HTML Frames Are Obsolete in HTML5

Frames allow embedding separate documents within a webpage but have usability and accessibility issues, especially on mobile. Iframes, unlike frames, embed content inline and are better suited for responsive design. While frames define layout, iframes are for adding content and allow separating presentation from content, following modern web design trends.

Uploaded by

kall
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 7

HTML Frames Are Obsolete In HTML5

• Each frame has it’s own contents and the content in one don’t spill
into the next.
• An iframe, on the other hand, embeds a frame directly inline with the
other elements of a webpage.
• While both frames and iframes perform a similar function –
embedding a resource into a webpage – they are fundamentally
different.
• Frames are layout-defining elements.
• Iframes are a content-adding elements.
• The Problem with Frames
• Usability challenges: With the rise in popularity of mobile devices and tablets
with small displays it’s more important than ever that websites offer multiple
views which change based on the size of the device viewport. While frames
can be manipulated to provide a certain degree of responsiveness, they are
simply not well-suited to creating responsive websites.
• Accessibility challenges: Screen readers and other assistive technologies have
a very hard time understanding and communicating websites that use frames.
• In addition to the accessibility and usability issues created by frames, the
trend within web design is to separate the content of a webpage from its
presentation.
• Content should be added and defined by markup such as HTML.
• Presentation should be manipulated with languages like CSS and JavaScript.
• Using frames is primarily about creating a specific look and layout, a
presentation task that should really be handled with CSS.
HTML - Iframes

• The <iframe> tag is not somehow related to <frameset> tag, instead,


it can appear anywhere in your document. The <iframe> tag defines a
rectangular region within the document in which the browser can
display a separate document, including scrollbars and borders. An
inline frame is used to embed another document within the current
HTML document.
• The src attribute is used to specify the URL of the document that
occupies the inline frame.
Example

You might also like