2017-10-31 5 views
-3

こんにちは、私は問題を手伝ってください。 私はウェブ開発の初心者です。ナビゲーションバーに関しては疑問があります。ナビゲーションバーを備えた簡単なWebページを作成しました。ナビゲーションバーを使って私の他のウェブページをhome.phpページにリンクしたいと思います。ナビゲーションメニューがクリックされると、関連Webページがhome.php Webページのコンテンツ領域に表示されます。私はこれをどのようにするべきですか?私を導く....複数のWebページをリンクするには?

+0

ようこそスタックオーバーフロー!あなたの質問にはコード例がありません。 [ask]をお読みください。 –

+0

iframeを使用することもできますが、1ページのすべてのコンテンツをSEOには適していないことに注意してください(つまり、Googleからサイトを見つけられる可能性は低い) –

+0

ajaxを使用して、上記のように、検索結果やユーザーが特定のページに直接移動することはできません。 – ADyson

答えて

1

サライムの回答に加えて、空のコンテンツエリアに「テンプレート」というHTMLページを1つ作成して、この空き領域にページを埋めなければなりません。例えば、テンプレートはこの

template.phpのようなものかもしれない

プログラミング・スタックの任意のレベルであなたの自己を二度と繰り返さないを覚えて、(すべてのページで同じHTMLの繰り返しを避けるため)

<html> 
<head></head> 
<body> 
<!-- your navigator and other static content--> 
<?=$pageContent?> 
</body> 
</html> 

そして、あなたのページを構築し、あなたのテンプレート

home.pの空の内容を記入hp

<?php 
// make the page contents any way you want , like: 
$pageContent = "<div>this is the home page content</div>" 
//then include your template 
include('template.php'); 
2

あなたが別のWebページを作成するためには、()この

// head 
<body> 
<?php include('nav.php'); ?> 
// home.php 
</body> 

それともiframe?

+0

私はの兆候を忘れました:( –

+0

以前はiframeを使っていましたが、問題が出てきました。 – lanlee

2

その打者のようにすべてのページにナビゲーションを持っているためにPHPを使用することができますし、してくださいナビゲーションバーのアンカータグを使用してリンクします。 自宅と他のページが同じディレクトリにある場合は、このようにします。 <a href="services.php">Services</a>

2

あなたはhtmlタグusin

例にそれを行うことができます。home.phpあなたは、HTMLやPHPファイルでメニューバーを作成し、同じフォルダ内にある場合

<a href="home.php"></a> 

を。

File path

2

これを達成するための多くの方法があります。最も簡単なのはおそらくインクルードを使うことでしょう。その上

<!-- page1.php --> 
<html> 
    <body> 
    <?php include('navigation.php'); ?> 
    <main> 
     Page 1 contents here... 
    </main> 
    </body> 
</html> 

同じロジックが2ページに行き、そして:

<!-- navigation.php --> 
<header> 
    <a href="page1.php">Page 1</a> 
    <a href="page2.php">Page 2</a> 
</header> 

が続いてナビゲーションバーのファイルを含め、各ページを定義します。まず、ナビゲーションバーのファイルを定義します。ナビゲーションリンクがクリックされるたびに、新しいページにはナビゲーションバーがその上にロードされます。

関連する問題