包括一个html文件到另一个

时间:2012-03-22 07:07:10

标签: html

我想将一个html文件包含在另一个中,但它似乎没有成功 这两个文件是 C:/wamp/www/AuctionVilla/index.html 和 C:/wamp/www/AuctionVilla/header.html

这是我的index.html文件

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
 <link rel="stylesheet" type="text/css" media="screen" href="CSS/style.css" />
</head>

<body>
<div id="index_container">
<table align="center">
<tr>
<td>
    <table width="1000px" align="center" cellpadding="0" cellspacing="0" border="0">
       <tr>
       <td colspan="3">
          <!--#include virtual="C:/wamp/www/AuctionVilla/header.html" -->
       </td>
       </tr>
       <tr>
       <td colspan="3">&nbsp
       </td>
       </tr>
       <tr>
       <td width="350px">
       </td>
       <td width="5px" rowspan="3">&nbsp
       </td>
       <td width="650px" rowspan="3">
          <div id="product_container" class="divcontainer" style="width: 645px; height: 500px;">
          </div>
        </td>
        </tr>
        <tr>
        <td width="350px" height="5px">
        </td>
        </tr>   
        <tr>
        <td width="350px" height="355px">
           <div id="movie_container" class="divcontainer" style="width: 350px; height: 355px;">
          </div>
        </td>
        </tr>     
    </table>      
</td>
</tr>
</table>
</div>
</body>
</html>

这是我的header.html文件

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>header</title>
<link rel="stylesheet" type="text/css" media="screen" href="CSS/headerMenu.css" />
</head>

<body>
<div id="main_body">
    <div>
      <table cellpadding="0" cellspacing="0" border="0">
      <tr>
      <td>
         <object classid="clsid:1" codebase="../UAuction/Images/matrimony.swf" width="1000" height="228">
         <param name="Images/matrimony.swf" />
         <param name="quality" value="high" />
         <embed src="../UAuction/Images/matrimony.swf" quality="high" 
         pluginspage="http://www.macromedia.com/go/getflashplayer" 
         type="application/x-shockwave-flash" width="1000" height="228" wmode="transparent">
         </embed>
         </object>
      </td>
      </tr>
      </table>
    </div>
    <br/>
    <div id="topmenu">
    <table align="center" bgcolor="#000000">
     <tr> 
     <td>
   <ul id="css3menu">
        <li><a href="../UAuction/index.php">&nbsp Home</a></li>
        <li><a href="#">&nbsp Category</a>
        <ul>
            <li><a href="#">Art</a>
                 <ul>
                    <li><a href="#">Paintings</a></li>
                    <li><a href="#">Sculptures</a></li>
                 </ul>
            </li>    
            <li><a href="#">Books</a>
                 <ul>
                    <li><a href="#">Book</a></li>
                    <li><a href="#">Documentaries</a></li>
                 </ul>
            </li>    
            <li><a href="#">Furniture</a>
                <ul>
                    <li><a href="#">Chair</a></li>
                    <li><a href="#">Wardrobe</a></li>
                    <li><a href="#">Table</a></li>                       
                </ul>
            </li>   
            <li><a href="#">Sport Goods</a>
                 <ul>
                    <li><a href="#">Cricket</a></li>
                    <li><a href="#">Football</a></li>
                    <li><a href="#">Rugby</a></li>                       
                </ul>
            </li>   
        </ul>
    </li>
    <li><a href="../UAuction/register.php">&nbsp Register</a></li>
    <li><a href="#">&nbsp Top Bidders</a></li> 
    <li><a href="#">&nbsp Top Sellers</a></li>
    <li><a href="../UAuction/contact_us.php">&nbsp Contact Us</a>
        <ul>
            <li><a href="#">Partners</a></li>
            <li><a href="#">Offices</a></li>                       
        </ul>
    </li>    
    <li><a href="../UAuction/about_us.php">About Us &nbsp</a></li>     
</ul> 
     </td>
     </tr>
    </table>                 
    </div>
</div>
<script src="../UAuction/JQUERY/jquery.min.js" type="text/javascript" charset="utf-8"></script>   
<script src="../UAuction/JQUERY/jquery.effects.core.js" type="text/javascript"></script>
<script type="text/javascript" src="../UAuction/JQUERY/script.js"></script> 
</body>
</html>

我知道这似乎是错的,但它并不适合我...

我试图将html更改为shtml但文件根本不包括..

2 个答案:

答案 0 :(得分:3)

如果您的服务器上只有HTML,或者只需要HTML文件,则可以使用框架。

<frameset rows="25%,75%">
  <frame src="header.html" />
  <frame src="index.html" />
</frameset>
像这样的

iframes(在您的index.html文件中):

<iframe src="header.html" />

但是,不推荐它,因为它创建了一种表格。如果您的服务器上有PHP,请创建一个PHP文件,然后使用

include("header.html");

如果您的网络服务器上有SSI(服务器端包含),那么请执行以下操作:

<!--#include virtual="header.html" -->

就个人而言,我建议你使用PHP方法。

答案 1 :(得分:1)

HTML本身唯一的“包含”机制是(i)框架和对象。

HTML没有“包含”机制 - 我不确定您在StackOverflow上看到过这些解决方案的位置。您可能一直在寻找服务器端语言的答案,例如PHP或ASP。