Fatal编程技术网
  • html/
  • Html导入菜单

Html导入菜单

html menu

Html导入菜单,html,menu,Html,Menu,Hy，我是html新手，我正在尝试创建一个带有菜单的网站。该网站有更多的页面，所以我必须复制所有页面上的菜单。我要问的是，没有其他方法可以导入菜单（例如从menu.html页面导入菜单），这样我就不会被迫复制粘贴它了？您需要使用母版页 这是您的母版页： <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="Demos.Site" %> <!DOCTYPE

Hy，我是html新手，我正在尝试创建一个带有菜单的网站。该网站有更多的页面，所以我必须复制所有页面上的菜单。我要问的是，没有其他方法可以导入菜单（例如从menu.html页面导入菜单），这样我就不会被迫复制粘贴它了？

您需要使用母版页

这是您的母版页：

<%@ Master Language="C#" AutoEventWireup="true" 
 CodeBehind="Site.master.cs" Inherits="Demos.Site" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        ***<asp:Label ID="Label1" runat="server"
          Text="Your Content Here:"  />***
        <asp:ContentPlaceHolder 
          ID="ContentPlaceHolder1" runat="server">

        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>


***


创建一个menu.html页面，并在此页面中包含所有菜单项，然后


<!--#include file="menu.html"-->






这将为您完成这项工作。将两个文件保存在同一目录中。
如果您使用jquery
添加您的HTML

和javascript


 $(function(){ $( "#menu" ).load( "menu.html" );  })


然后在
menu.html中构建您的菜单


对于css，如果您是web开发的初学者，请使用外部css。使用IFRAME很容易

范例


<!DOCTYPE html>
<html>
<body>
<!-- Your menu-->
<a href="http://www.w3schools.com" target="iframe_a">W3Schools</a>
<a href="http://www.google.com" target="iframe_a">Google</a>
<a href="http://www.yahoo.com" target="iframe_a">Yahoo</a>
<!--menu end-->

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>

</body>
</html>







查阅。。。所有最好的
@GilFitussi:OP不包括任何.net标记或c#编程语言。只需要html解决方案。为什么不使用CMS？Drupal、Joomla（php）、Jahia（java）。。。如果你想学习
HTML
我的评论是无用的，否则它会很有帮助…；）

<!DOCTYPE html>
<html>
<body>
<!-- Your menu-->
<a href="http://www.w3schools.com" target="iframe_a">W3Schools</a>
<a href="http://www.google.com" target="iframe_a">Google</a>
<a href="http://www.yahoo.com" target="iframe_a">Yahoo</a>
<!--menu end-->

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>

</body>
</html>