链接未在底部框架中正确打开

时间:2016-08-01 03:37:45

标签: html

我第一次使用框架。这是

的index.html

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<frameset rows="20%,*">
   <frame name="top" src="top.html" name="topmenu" />
   <frame name="main" src="content.html" name="content" />   
   <noframes>
   <body>
      Your browser does not support frames.
   </body>
   </noframes>
</frameset>
</html>

的top.html

<html>
<head></head>
<body>

<div id="container">
    <!-- begin navigation -->
    <nav id="navigation">
        <ul>                            
            <li><a href="contact.html" target="content">Contact</a></li>
        </ul>
    </nav>
    <!-- end navigation --> 
</div>
</body>
</html>

content.html

<html>
    <head></head>
<body>
    Some Content
</body>
<html>

contact.html

<html>
    <head></head>
<body>
    Contact page
</body>
<html>

这样,输出就在

之下

enter image description here

现在点击联系人链接,而不是在content.html中显示内容,它会在新标签页中打开,如下

enter image description here

我犯的错误是什么。我相信在我选择合适的目标方面存在一些问题。

1 个答案:

答案 0 :(得分:0)

HTML5 ^ 中的不支持框架,已弃用,并使{ {1}} 必须设置为<!DOCTYPE>HTML Frameset DTD

如果您检查此jsFiddle中的HTML设置,您会看到我已将DOCTYPE设置为“HTML 4.01 Frameset”以使其正常工作,如下图所示:

enter image description here

** 另请注意您在每个XHTML Frameset DTD标记中使用了name属性两次,并且应该只有一个!

frame

^ 来源: