2016-09-26 14 views
0

私はHTMLのこのブロックは全てのページ上にあるウェブサイト、持っている:ウェブサイトはに簡単に/よりモジュールになるようにこのHTMLブロックを繰り返さないようにするにはどうすればよいですか?

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

私は、ページのHTMLを平文でこれを繰り返さないように希望を編集。これはどうすればいいですか?自然な解決策は、おそらく私のCSSスタイルシートにそれを統合することですが、私は方法を知らない。

+0

がいるすべてのマスターページでそれを入れて確認してくださいページは継承しますか? –

+0

どういう意味ですか?あなたはcss show plaintextを希望しますか? – Anan

+1

SHTMLもあなたが考えることができるものです。 –

答えて

0

は、私はあなたがこのように、各ページに、このhtmlを追加するjqueryを使用することをお勧めします。

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

各ページにこのJavaScriptのビットを含めますか? –

+0

@MrLister各ページに含まれるグローバルな 'js'ファイル、または' header'モジュールにこのコードを入れてください。 – Pedram

0

あなたはC#ASP.NET を使用している場合は、あなたが部分図にこのコンテンツをシフトすることができます。

@Html.Partial("yourView") 
0

機能を使用します。 だから、あなたは、このことにより、どこでもあなたが望むレンダリングすることができ、このコンテンツを含む1つのビューを持っています。あなたはので、私は、PHP上の例を出してあげる使用するサーバー側LANGを指定しない:

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

その後、あなただけがこのdiv要素を印刷したい他の人で関数を含むページを含める必要があり、次のように、あなたがそれを好むこの関数の呼び出し:あなたはそれをharcodedとしての機能を印字ページに課金スタイルがそれに反映することを

<?php 
    printAbout(); 
?> 

注意、CSSやJavaScriptを追加する必要はありませんので、機能上、スケーラビリティと編集が容易です(見つけやすくなります)

0

あなたがPHPを使用している場合は、sepperate .phpファイルに配置し、あなたがphpを使用している場合は、<?php include("path to the file.php"); ?>

0

を使用して、それを含める -

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

メインabout.php部分

を使用。 PHP

<?php include about.php ?> 
0

あなたはHTMLファイルに入れて他のページで使用できます。

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:jQueryのを使用して

詳細については

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

このlink

関連する問題