Search code examples
htmlframeframeset

Is it a website with frames and framesets well designed?


I'm working on a webpage and I'm using frames. I'd like to make it using tables, but I don't know how to implement each part of the frame into a table.

So, my question is, is it well designed? If not, how can I improve it?

Here is the code of my page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
   "http://www.w3.org/TR/html4/frameset.dtd">
<html>
    <head>
        <title>
            Prueba
        </title>
    </head>
    <frameset rows="56px, *, 50px" border="0" framespacing="0" frameborder="NO">
        <frame class="header" src="header.html">
        <frameset cols="450px, *" border="0" framespacing="0" frameborder="NO">
            <frameset rows="*,150px" border="0" framespacing="0" frameborder="NO">
                <frame class="frame1" scrolling="auto" src="search_results.html">
                <frame class="frame2" scrolling="no" src="info.html">
            </frameset>
            <frame class="frame3" scrolling="no" src="map.html">
        </frameset>
        <frame class="footer" scrolling="no" src="footer.html">
    </frameset>
</html>

Solution

  • You can start improving it by removing frames.

    • Frames have been obsolete for a long time and have been removed completely in HTML5.
    • They're are better ways of accomplishing a common layout using server side technology like PHP includes or SSI.
    • Plus frames are not good for accessibility or usability.
    • They are not search engine friendly
    • They break the rule of one URL fer page
    • They are not easy to maintain. It can be tough to figure out exactly which page you are viewing.
    • Mobile devices probably are going to have a hard time rendering those pages properly.
    • Users can't bookmark a page since every page uses the same URL