我該如何避免重複這段HTML代碼？

我有一個網站，在HTML的此塊是所有網頁：我該如何避免重複這段HTML代碼？

<div class="about"> 
<p> <a href="google.com">lorem ipsum</a> </p> 
</div>

我想避免在頁面的HTML明文重複這一點，從而使網站變得更加模塊化/容易編輯。我該怎麼做呢？一個自然的解決方案可能是將其整合到我的CSS樣式表中，但我不知道如何。

來源

2016-09-26 Newb

放在一個母版，所有頁面繼承自？ –

你的意思是？你希望css顯示明文嗎？ – Anan

SHTML也是你可以考慮的事情。 –

我建議你使用jquery這個html附加到每一頁，就像這樣：

$('.blocks').append('<div class="about">'+ 
     +'<p><a href="google.com">lorem ipsum</a></p>'+ 
     +'</div>');

來源

2016-09-26 08:34:44 Pedram

並在每個頁面中包含這一點JavaScript？ –

@MrLister是的，把這段代碼放在每個頁面包含的全局'js'文件或者'header'模塊中。 – Pedram

如果您正在使用C＃ASP.NET 您可以將此內容轉移到一個局部視圖。所以，你必須包含這個內容，你可以通過這個無處不在，你想呈現一個觀點：

@Html.Partial("yourView")

來源

2016-09-26 08:35:05

使用功能。你不指定服務器端郎使用，所以我會把PHP的一個例子：

<?php 
    function printAbout(){ 
     echo "<div class='about'><p><a href='google.com'>lorem ipsum</a></p></div>"; 
    } 
?>

，那麼你只需要包括包含在其他地方要打印這個div功能的頁面，並調用這個函數，你喜歡它，如下所示：

<?php 
    printAbout(); 
?>

注意，充電，打印功能將在它的效果你harcoded它，所以它是沒有必要添加CSS或JavaScript的網頁上的樣式on功能，所以更容易擴展和編輯（並且更容易找到）

來源

2016-09-26 08:35:14 JoelBonetR

如果你使用PHP，將其放置在一個sepperate .php文件，然後使用<?php include("path to the file.php"); ?>

來源

2016-09-26 08:35:52

包括它如果您正在使用php - 使用部分

about.php

<div class="about"> 
<p> <a href="google.com">lorem ipsum</a> </p> 
</div>

爲主。 php

<?php include about.php ?>

來源

2016-09-26 08:36:07

您可以將它放入一個HTML文件並在其他頁面中使用它。

使用jQuery：

a.html：

<html> 
    <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){ 
     $("#includedContent").load("yourNewPage.html"); 
    }); 
    </script> 
    </head> 

    <body> 
    <div id="includedContent"></div> 
    </body> 
</html>

yourNewPage.html：

<div class="about"> 
<p> <a href="google.com">lorem ipsum</a> </p> 
</div>

欲瞭解更多信息，請檢查該link

來源

2016-09-26 08:36:09

我該如何避免重複這段HTML代碼？

回答

相關問題