2014-11-26 2 views
0

웹 사이트를 만들려고합니다. 메뉴가 있는데 다른 모든 파일에 포함되기를 원합니다. 나는 PHP와 JS를 시도하고 실패했다. 코드에 어떤 문제가 있으며 무엇이 일어나고 있습니까?HTML 페이지의 내용을 파일에 추가하십시오.

Index.html을 (네, 시도 Index.php는)

<!DOCTYPE html> 
<html lang="en"> 

<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 

    <title>Bare - Start Bootstrap Template</title> 

    <!-- Bootstrap Core CSS --> 
    <link href="css/bootstrap.min.css" rel="stylesheet"> 

    <!-- Custom CSS --> 
    <style> 
    body { 
     padding-top: 70px; 
     /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */ 
    } 
    </style> 

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> 
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 
    <!--[if lt IE 9]> 
     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 
     <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> 
    <![endif]--> 

</head> 

<body> 

    <!-- ADD MENU HERE --> 

    <!-- Page Content --> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-lg-12 text-center"> 
       <h1>Text</h1> 
       <h3>Text</h3> 
        <li>© 2014 Text.</li> 
       </ul> 
      </div> 
     </div> 
     <!-- /.row --> 

    </div> 
    <!-- /.container --> 

    <!-- jQuery Version 1.11.1 --> 
    <script src="js/jquery.js"></script> 

    <!-- Bootstrap Core JavaScript --> 
    <script src="js/bootstrap.min.js"></script> 

</body> 

</html> 

Menu.html 그래서

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
      <div class="container"> 
       <!-- Brand and toggle get grouped for better mobile display --> 
       <div class="navbar-header"> 
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
         <span class="sr-only">Toggle navigation</span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
        </button> 
        <a class="navbar-brand" href="index.html">stuff 
        </a> 
       </div> 
       <!-- Collect the nav links, forms, and other content for toggling --> 
       <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
        <ul class="nav navbar-nav"> 
         <li role="presentation" class="dropdown"> 
          <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">Help<span class="caret"></span></a> 
          <ul class="dropdown-menu" role="menu"> 
           <li><a href="hi.html">hi</a></li> 
           <li><a href="text.html">text</a></li> 
          </ul> 
         </li> 
         <li role="presentation" class="dropdown"> 
          <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">HIIIII<span class="caret"></span></a> 
          <ul class="dropdown-menu" role="menu"> 
           <li><a href="food.html">Food</a></li> 
           <li><a href="other.html">Other</a></li> 
          </ul> 
         </li> 
         <li role="presentation" class="dropdown"> 
          <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">Tools<span class="caret"></span></a> 
          <ul class="dropdown-menu" role="menu"> 
           <li><a href="http://www.google.com">Google</a></li> 
           <li><a href="http://www.google.com">Hellp</a></li> 
           <li><a href="Link">Link</a></li> 
          </ul> 
         </li> 
         <li> 
          <a href="uh.html">uh</a> 
         </li> 
        </ul> 
       </div> 
       <!-- /.navbar-collapse --> 
      </div> 
      <!-- /.container --> 
     </nav> 

어떻게해야합니까?

편집 : 확장자 .php를 변경하고 <?php include 'Menu.php'; ?> 행을 추가했으나 아직 메뉴가 없습니다.

+0

PHP를 포함 시켰을 때 무슨 일이 일어 났습니까? 아니면 아무 일도 일어나지 않았습니다. 설명해 주시겠습니까? – www139

+0

아무 일도 일어나지 않습니다. – user2089153

+0

.htaccess 파일의 사본을 게시하십시오. 그것은 문제 일 수 있습니다. – www139

답변

1

이름 바꾸기 index.html을이 행을 추가

와의 index.php에서

을되는 index.php :

<?php Include 'menu.hml'; ?>

+0

나는 그것을했다. 아무 일도하지. – user2089153

+0

작동해야합니다. menu.html은 어디에 포함 시켰습니까? – Pupil

+0

in – user2089153

1

저장 Menu.html Menu.php한다. 그런 다음 웹 파일에 포함하려면

<?php include 'Menu.php'; ?> 

을 사용하십시오.

+0

index.html의 확장자를 index.php로 변경해야한다는 것을 잊지 마십시오. – Bijan

+0

html 파일을 포함 할 수 있습니다. 따라서 index.php가 필요하지만 menu.html은 html 파일로 남아있을 수 있습니다. – Shashank

+0

그것은 서버 구성 방법에 따라 다르므로, 그 비트를 제거한 이유는 무엇입니까? 그러나 HTML 문서 처리기로 PHP를 사용하지 않는다면 파일의 이름을 .php 파일로 변경해야합니다. – BAsh

관련 문제