2017-11-26 11 views
-1

Click here for template page code私のファビコンは私のテンプレートページに表示されませんが、私のインデックスページに表示されないのはなぜですか?

Click here for index page code

インデックスページのファビコンが表示されたら、同じコードはテンプレートページ上にあるが、ファビコンが表示されません(とディレクトリが../recources宣言されている)私が試してみました多くの記事を読んで同僚と仕事をしていますが、それでも問題を見つけることはできません。あなたの時間 おかげで、 Ayaan テンプレートセクション:

<!DOCTYPE html> 
 

 
<html > 
 
<head> 
 
    <div class="background-test"> </div> 
 
\t <meta charset="utf-8"> 
 
\t <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
\t <meta name="description" content="Saturn Studios offers a wide range of website templates!"> 
 

 
\t <link rel="apple-touch-icon" sizes="57x57" href="../recources/favicons/apple-icon-57x57.png"> 
 
\t <link rel="apple-touch-icon" sizes="60x60" href="../recources/favicons/apple-icon-60x60.png"> 
 
\t <link rel="apple-touch-icon" sizes="72x72" href="../recources/favicons/apple-icon-72x72.png"> 
 
\t <link rel="apple-touch-icon" sizes="76x76" href="../recources/favicons/apple-icon-76x76.png"> 
 
\t <link rel="apple-touch-icon" sizes="114x114" href="../recources/favicons/apple-icon-114x114.png"> 
 
\t <link rel="apple-touch-icon" sizes="120x120" href="../recources/favicons/apple-icon-120x120.png"> 
 
\t <link rel="apple-touch-icon" sizes="144x144" href="../recources/favicons/apple-icon-144x144.png"> 
 
\t <link rel="apple-touch-icon" sizes="152x152" href="../recources/favicons/apple-icon-152x152.png"> 
 
\t <link rel="apple-touch-icon" sizes="180x180" href="../recources/favicons/apple-icon-180x180.png"> 
 
\t <link rel="icon" type="image/png" sizes="192x192" href="../recources/favicons/android-icon-192x192.png"> 
 
\t <link rel="icon" type="image/png" sizes="32x32" href="../recources/favicons/favicon-32x32.png"> 
 
\t <link rel="icon" type="image/png" sizes="96x96" href="../recources/favicons/favicon-96x96.png"> 
 
\t <link rel="icon" type="image/png" sizes="16x16" href="../recources/favicons/favicon-16x16.png"> 
 
\t <link rel="manifest" href="../recources/favicons/manifest.json"> 
 
\t <meta name="msapplication-TileColor" content="#ffffff"> 
 
\t <meta name="msapplication-TileImage" content="../recources/favicons/ms-icon-144x144.png"> 
 
\t <meta name="theme-color" content="#ffffff"> 
 

 
\t <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600" rel="stylesheet"> 
 
\t <link href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet"> 
 
\t <link rel="stylesheet" type="text/css" href="../recources/styles/style.css"> 
 
\t <link rel="stylesheet" type="text/css" href="../recources/styles/queries.css"> 
 
\t <link rel="stylesheet" type="text/css" href="../recources/styles/grid.css"> 
 
<title>Website Templates</title> 
 
</head> 
 
</html>

インデックス(この1つは動作します)

<!DOCTYPE html> 
 

 
<html> 
 

 
<head> 
 
\t <meta charset="utf-8"> 
 
\t <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
\t <meta name="description" content="Saturn Studios is here to take your website idea to the final frontier."> 
 

 
\t <link rel="apple-touch-icon" sizes="57x57" href="recources/favicons/apple-icon-57x57.png"> 
 
\t <link rel="apple-touch-icon" sizes="60x60" href="recources/favicons/apple-icon-60x60.png"> 
 
\t <link rel="apple-touch-icon" sizes="72x72" href="recources/favicons/apple-icon-72x72.png"> 
 
\t <link rel="apple-touch-icon" sizes="76x76" href="recources/favicons/apple-icon-76x76.png"> 
 
\t <link rel="apple-touch-icon" sizes="114x114" href="recources/favicons/apple-icon-114x114.png"> 
 
\t <link rel="apple-touch-icon" sizes="120x120" href="recources/favicons/apple-icon-120x120.png"> 
 
\t <link rel="apple-touch-icon" sizes="144x144" href="recources/favicons/apple-icon-144x144.png"> 
 
\t <link rel="apple-touch-icon" sizes="152x152" href="recources/favicons/apple-icon-152x152.png"> 
 
\t <link rel="apple-touch-icon" sizes="180x180" href="recources/favicons/apple-icon-180x180.png"> 
 
\t <link rel="icon" type="image/png" sizes="192x192" href="recources/favicons/android-icon-192x192.png"> 
 
\t <link rel="icon" type="image/png" sizes="32x32" href="recources/favicons/favicon-32x32.png"> 
 
\t <link rel="icon" type="image/png" sizes="96x96" href="recources/favicons/favicon-96x96.png"> 
 
\t <link rel="icon" type="image/png" sizes="16x16" href="recources/favicons/favicon-16x16.png"> 
 
\t <link rel="manifest" href="recources/favicons/manifest.json"> 
 
\t <meta name="msapplication-TileColor" content="#ffffff"> 
 
\t <meta name="msapplication-TileImage" content="recources/favicons/ms-icon-144x144.png"> 
 
\t <meta name="theme-color" content="#ffffff"> 
 

 
\t <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600" rel="stylesheet"> 
 
\t <link href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet"> 
 
\t <link rel="stylesheet" type="text/css" href="recources/styles/style.css"> 
 
\t <link rel="stylesheet" type="text/css" href="recources/styles/queries.css"> 
 
\t <link rel="stylesheet" type="text/css" href="recources/styles/grid.css"> 
 
\t <title>Saturn Studios Official</title> 
 
</head>

+0

イメージの代わりにスニペットとしてコードに入れてください。スニペットでコードをデバッグするのは簡単です。または、codepenのリンクを提供してください –

+1

私はこれを行いました。ちょうどそれを確認してください –

+1

div要素はHTMLページの頭では無効です。 –

答えて

0

は./resources/使用してみてくださいfavicons/ms- icon-144x144.pngをパスとして指定します。

+0

それらのすべてについては?またはこの特定のもの –

+0

Templates.htmlのメタタグでそれを使用してください – josel82

+0

私はそれをやったことがありません –

関連する問題