모든 페이지에서 html-body의 일부를 사용하십시오.

Question

아마도이 제목을 설명하는 방법을 모르겠으므로 제목이 분명하지 않습니다. 나는 내 HTML (일회성 작업, 그래서 자바를 사용하지 않고 .css로 그냥 평범한 HTML)을 만들고있다.

이 회로도 (Pic 1)를 고려하십시오. 왼쪽 패널과 바닥 글은 입니다.은 웹 사이트의 모든 페이지를 철저히 조사하여 웹 사이트의 다른 페이지에 대한 링크를 제공합니다.

|================================| 
||-------||------------||------| | 
||LEFT ||CENTER  ||RIGHT | | 
||PANEL ||PANEL  ||PANEL | | 
||_______||____________||______| | 
||_______________________________| 
|| FOOTER      | 
||_______________________________| 
|================================| 

Pic.1 웹 페이지 레이아웃

|------------------------| 
|      | 
|link to pA    | 
|link to pB    | 
|      | 
|current link highlited | 
|------------------------| 

PIC2. 왼쪽 패널의 레이아웃

그러나 현재 지식으로는 왼쪽 패널과 바닥 글을 변경하려고하면 모든 페이지를 변경해야합니다. 이 왼쪽 패널을 별도의 파일로 작성하고 필요한 곳에 포함시킬 수 있습니까?

또한 별도의 파일로 왼쪽 패널을 작성한다고 가정 할 때 별도의 질문 일 수도 있지만 링크 된 상태 일 수도 있습니다. 현재 방문 페이지 링크를 강조 표시 할 수 있습니까? (Pic 2 참조)

Answer 1

EDIT 죄송합니다. 충분한주의를 기울이지 않았습니다. PHP를 사용하지 않으십니까? 이 경우 살펴보기 HTML5 include file

메인 페이지와 포함 된 파일간에 데이터를 공유하는 방법을 찾지 못했습니다. 가능하면 포함 된 파일에서 # 태그를 사용할 수 있습니다 (예 : mypage.html#hello을 찾고 JavaScript로 구문 분석하여 방문중인 페이지를 찾으십시오.

---

실지로 자신의 질문에 답변하십시오. 단순히 HTML 코드를 꺼내어 별도의 파일에 넣고 원래 위치에 포함 시키십시오.

당신은 left-panel 참여하고 별도의 파일에 둘 것입니다 코드가

<div id="main"> 
    <div id="left-panel"> 
     <div id="links etc"></div> 
    </div> 
    <div id="another"></div> 
</div> 

입니다 말해 그것은 어디를 포함한다.

left-panel.php

<div id="left-panel"> 
    <div id="links etc"></div> 
</div> 

원본 파일

<div id="main"> 
    <?php include 'left-panel.php'; ?> 
    <div id="another"></div> 
</div> 

당신은 당신이 변수를 사용할 수 있습니다 방문하는 페이지 알고합니다.

<ul> 
<?php 
$pages = array('page1' => 'Page1', 'page2' => 'Page2', 'page3' => 'Page3'); 
foreach($pages as $file => $name) { 
    echo '<li><a href="'.$file.'" '.($page == $file ? 'class="active"' : '').'>'.$name.'</a></li>'; 
} 
?> 

: 당신이 배열과 루프 그들에 페이지를 배치 할 수 있습니다,

<ul> 
    <li><a href="page1.php" <?php if($page == 'page1') echo 'class="active"'; ?>>Page1</li> 
    <li><a href="page2.php" <?php if($page == 'page2') echo 'class="active"'; ?>>Page2</li> 
</ul> 

이 경우 명령문의 무리를 방지하려면 다음과 같은 경우 명령문이 <?php $page = 'shop'; ?>를 넣어 각 페이지와 left-panel.php 내부에서 말