通過所有頁面使用HTML-body的一部分

可能標題不太清楚，因爲我不知道如何解釋這一點。我正在創建我的html（一次性工作，所以不使用java。只是簡單的HTML與CSS）。通過所有頁面使用HTML-body的一部分

考慮這個示意圖（Pic 1）。左側面板和底部爲差不多同樣透徹了網站的所有頁面，它將內容鏈接到網站中的其他頁面。

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

Pic.1網頁佈局

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

PIC2。左面板的佈局

但是憑藉我現在的知識，如果我嘗試在左側面板和頁腳上進行任何更改，我必須更改所有頁面。是否有可能將此左側面板編寫爲單獨的文件，並將其包含在需要的位置？

此外，可能是一個單獨的問題，但鏈接，假設將左面板寫入單獨的文件是可能的。是否有可能突出顯示當前訪問的pagelink？（請參見Pic 2）

來源

2013-10-06 BaRud

EDIT 對不起，我沒有給予足夠的重視。你沒有使用PHP？在這種情況下，請看看 HTML5 include file

我找不到在主頁和包含文件之間共享數據的方法。也許如果可能的話，您可以在附帶的文件中使用#標籤，例如mypage.html#hello並用JavaScript解析它，找出你正在訪問的頁面。

你幾乎可以回答你自己的問題。只需取出HTML代碼並將其放在單獨的文件中，並將其包含在原來的位置。

說你的代碼是

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

您將採取left-panel一部分，放在一個單獨的文件，包括它在哪裏。

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>

要知道你現在，你可以使用一個變量訪問該頁面。在你把<?php $page = 'shop'; ?>每一頁和內left-panel.php使用像if語句說：

<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>

爲了避免一堆if語句，你可以把你的網頁在一個數組和循環他們：

<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>'; 
} 
?>

來源

2013-10-06 09:16:42 Colandus

通過所有頁面使用HTML-body的一部分

回答

相關問題