htmlインポートタグが機能しないのはなぜですか？

私はコードの再利用性を見ており、HTMLのインポートタグを試しています。私はすべてのウェブページに自分のブートストラップコードを自動で入れたいと思っています。複数のコードとは違って、1行のコードでそれをやりたいのです。オンラインいくつかの研究を行った後htmlインポートタグが機能しないのはなぜですか？

、答えはタグ、最もつまり次の形式を使用するように見えた次のよう

<head> 
    <import rel="import" href="includes/bootstrap.html"> 
</head>

マイbootstrap.htmlファイルはいくつかの通常のブートストラップのリンクです：

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

<!-- jQuery library --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

<!-- Latest compiled JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

私は、すべてのマイページに同じ3行を読み込まないようにしています。しかし、私のブラウザ（Chrome）は、ブートストラップ以外の理由で使用していても、インクルードを実装していないようです。

すべてのページの先頭にブートストラップファイルを適切に含めるにはどうすればよいですか？

は、アレックスは

出典

2017-12-19 alexp2603

は、コンソールログを確認することができます参照してください？ –

[HTML仕様]（https://www.w3.org/TR/2011/WD-html5-20110405/）に 'import'要素定義がないためです。 – Alexander

残念ながら空です！正しい理由でimport文を使用しているかどうかわかりません。私は基本的には、3行（6行/コメント）のコードを1つにまとめて、より多くのWebページを構築する際にはよりクリーンなものにしようとしています。 – alexp2603

リンクタグ

<head> 
    <link rel="import" href="includes/bootstrap.html"> 
</head>

に変更し、インポートタグthis

出典

2017-12-19 07:32:34 j10i2

はどのようにあなたのコードを記述する際に、そのようなリンクで

<head> 
<title>Your Title</title> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" ></script> 
</head>

をヘッダファイル「header.phpの」を作成し、約だけでheader.phpの部分が含まれます。

<html> 
<? include ("header.php");?> 
</html>

出典

2017-12-19 07:16:20

これはもともと私が心に留めていたことですが、PHPを導入する代わりにhtmlにしておく方が良いかもしれないと思いました – alexp2603

htmlインポートタグが機能しないのはなぜですか？

答えて

関連する問題