2017-10-15 10 views
1

だから、私が望むのはこれです。私はHTMLファイルを持っており、テキストファイルからロードするコードが必要です。したがって、ブラウザはそのテキストファイルからコードを取得し、それをHTMLコードの一部として読み込む必要があります。次に例を示します。txtファイルに配置された.htmlファイルのコードをインポートするにはどうすればいいですか?

は、私がそのコードでHTMLファイルがあるとします -

<html> 
<head></head> 
<body> 

<div src="code.txt"></div> [ I made this code. I know this code does not exist.] 

</body> 
</html> 

を、私は 'code.text' という名前のテキストファイルがあります。

<h2>Welcome</h2> 
<img src="sample.jpg"> 
<p>This is the paragraph.</p> 

実際のHTMLファイルにコードを書くのではなく、コードをテキストファイルに保存して、いつでもそれらを使いたいと思っています。私は次のコードが存在しないことを知っています。

<div src="code.text"></div> 

I made up this code just to show what i want. 

**

ただ、私がこの目的を達成することができる方法を教えてください。

**

おかげで、あなたの答えを待っている

+0

が、これはあなたが何をしたいですか? [w3、js - HTMLを含める](https://www.w3schools.com/howto/howto_html_include.asp) – cometguy

+0

w3.jsにはHTMLがJavascriptを使用していますが、これは望ましくないSEOパフォーマンスを低下させます。 SEOクローラーはその情報を取得しないため、次のリンクを参照してください。 https://www.hongkiat.com/blog/html-import/ (最終的な考えの最後のセクションを参照) –

+0

したがって、レンダリング中にコードを含むものは何でもあります。ブラウザがJSなしで外部ソースからインポートできるようにするかどうかはわかりません( 'img'で許可されているように)。テンプレートベースのアプローチ(開発中)を探しているなら、多くのライブラリが利用可能です - [eJs templating](https://scotch.io/tutorials/use-ejs-to-template-your-node-application) 、[angularJs](https://docs.angularjs.org/guide/templates)などがあります。 – cometguy

答えて

0

私は解決策を得ました。

解決策は「php include」を使用することです。

<?php include("code.text"); ?> 

または同様に他のファイルにも使用できます。

<?php include("your_html_code.html"); ?> 

<?php include("your_html_css.css"); ?> 

あなたはこの(テキスト、HTML、CSSなど)とメインコードの一部としてコードを読み取るますブラウザのように任意のコードファイルをインポートすることができます。

この方法でテンプレートを作成して、同じコードを繰り返し入力する必要がなくなります。

また、変更を加える予定がある場合は、変更はどこにでも適用されます。これにより、ブログを作成している場合や、ウェブサイトに同じセクションが複数あるページが多い場合には、時間を節約できます。

PHPのこの技術を使用するための完全なガイドを入手ここで 'を含む':

http://www.apaddedcell.com/how-automatically-include-your-header-navigation-and-footer-every-page

+0

あなたは言っていない.... :) –

0

あなたはjQueryのAJAXでこれのコンテンツをロードすることができます。あなたのdiv要素は次のようになります。<div id="content"></div>

そして、あなたは、AJAXを使用して文書を呼び出す:SHTMLを使用しないのはなぜ

$.ajax("code.text").done(html =>{ $('#content').html(html) }); 

あなたはhttp://api.jquery.com/jquery.ajax/

0

の詳細を表示することができますか?

SHTMLは、サーバー命令またはサーバー側インクルードを含むHTMLファイルであり、ASPファイルに似ています。これは、標準のXMLコメントに埋め込まれ、そしてこのようになります

:たとえば

<!--#include virtual="../top.shtml" --> 
<!--#include virtual="../quote.txt" --> 

次のように、リソースを含み.shtmlのページができ:

あなたが使用することができます
<!doctype html> 
<html lang="en"> 
<head> 
    <title>My SHTML Page</title> 
</head> 
<body> 
    <!--#include virtual="content.html" --> 
</body> 
</html> 

あなたのページに共通のヘッダーとフッターを含めることで、コードをそれほど繰り返す必要はなく、1つのインクルードファイルを変更するだけで、すべてのページが一度に更新されます。

Apacheはhttp.confファイル内の次のディレクティブでは、そのような.shtmlのように、特定のファイル拡張子を持つファイルを解析するように構成することができ

AddType text/html .shtml 
AddHandler server-parsed .shtml 
関連する問題