html共通のヘッダ、ナビゲーションバー、テールを導入
6832 ワード
个人分类:HTML 5のとても良い文章、htmlを说明して公共の头、ナビゲーションバーを导入して、尾のとても注意深い_
一、asp言語とPHP言語
まずヘッダーファイルを作成します.asp、または下部ファイルfoot.asp.ホームページがindexのようです.asp、ヘッダコードを呼び出すのはindexです.aspファイルコードの開始位置(最初のタグの後ろ、タグの前)には、次のコードが追加されます.
共通の下部ファイルコードを呼び出すのはindexです.aspファイルコードの終了位置(最後のタグの前)には、次のコードが追加されます.
PHPファイルの場合、ファイル名をfooterに変更します.phpでいいです.
二、html言語で共有ヘッダファイルheadを作成する.htmまたは共有下部ファイルfoot.htm.ホームページファイルがindexの場合.htmでは、ヘッダーと下部のファイルを呼び出す方法は、ホームページのファイルコードの開始位置と終了位置にそれぞれ次のコードを追加します.
単独で保管するhead.htmlコードは次のとおりです.
一、asp言語とPHP言語
まずヘッダーファイルを作成します.asp、または下部ファイルfoot.asp.ホームページがindexのようです.asp、ヘッダコードを呼び出すのはindexです.aspファイルコードの開始位置(最初のタグの後ろ、タグの前)には、次のコードが追加されます.
共通の下部ファイルコードを呼び出すのはindexです.aspファイルコードの終了位置(最後のタグの前)には、次のコードが追加されます.
PHPファイルの場合、ファイル名をfooterに変更します.phpでいいです.
二、html言語で共有ヘッダファイルheadを作成する.htmまたは共有下部ファイルfoot.htm.ホームページファイルがindexの場合.htmでは、ヘッダーと下部のファイルを呼び出す方法は、ホームページのファイルコードの開始位置と終了位置にそれぞれ次のコードを追加します.
-------- head.html ， div ，
単独で保管するhead.htmlコードは次のとおりです.
<link href="head.css" rel="stylesheet" type="text/css"/>
<div class="miaov_head">
<ul>
<li><a href="http://www.cnblogs.com/jtjds/">Mac</a></li>
<li><a href="http://www.cnblogs.com/jtjds/">iPad</a></li>
<li><a href="http://www.cnblogs.com/jtjds/">iPhone</a></li>
<li><a href="http://www.cnblogs.com/jtjds/">Watch</a></li>
<li><a href="http://www.cnblogs.com/jtjds/">Music</a></li>
<li><a href="http://www.cnblogs.com/jtjds/">Contact Us</a></li>
</ul>
</div>
</code></pre>
<p>css ：</p>
<pre><code>*{margin:0;padding:0;}
body{background:white;position:relative;height:100%;color: #777;font-size: 13px;}
img{border:none;display:block;}
li{list-style:none;text-decoration: none;}
.miaov_head{height:36px;width:100%;margin:0 auto;background: black;margin-bottom: 0px;}
.miaov_head img{width: 30px ;height: 30px;margin-top: 0;margin-left: 130px;}
.miaov_head ul{float: left;width:900px;height: 36px;margin-top: 0px;color: white;position: absolute;top: 0px;margin-left: 200px;}
.miaov_head ul li{float: left;padding-left: 80px;margin-left: 0px;color: white;list-style: none; }
.miaov_head ul li a{color: white;font-size: 14px;text-decoration: none;}
.miaov_head input{position: absolute;top: 5px;margin-left: 1000px;width: 200px;height: 22px;}
.miaov_head a{line-height:36px;color:#777;}
.miaov_head a:hover{color:#555;}
</code></pre>
<p> 、script – <br/> head.js foot.js。 index.htm， ： :</p>
<p> ：head.js ------ head.html， ：http://tool.chinaz.com/Tools/Html_Js.aspx</p>
<p>html JS:</p>
<pre><code>document.writeln(""-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">");
document.writeln("");
document.writeln("");
document.writeln("<style>");
document.writeln("</style>");
document.writeln("<meta http-equiv="\"Content-Type\"" content="\"text/html;" charset="utf-8\""/>");
document.writeln("<title/>");
document.writeln(" <link href="\'head.css\'" rel="\"stylesheet\"" type="\"text/css\""/>");
document.writeln("");
document.writeln("");
document.writeln(" <div class="\'miaov_head\'">");
document.writeln(" <ul>");
document.writeln(" <li><a href="\"http://www.cnblogs.com/jtjds/\"">Mac</a></li>");
document.writeln(" <li><a href="\"http://www.cnblogs.com/jtjds/\"">iPad</a></li>");
document.writeln(" <li><a href="\"http://www.cnblogs.com/jtjds/\"">iPhone</a></li>");
document.writeln(" <li><a href="\"http://www.cnblogs.com/jtjds/\"">Watch</a></li>");
document.writeln(" <li><a href="\"http://www.cnblogs.com/jtjds/\"">Music</a></li>");
document.writeln(" <li><a href="\"http://www.cnblogs.com/jtjds/\"">Contact Us</a></li>");
document.writeln(" </ul>");
document.writeln("</div>");
document.writeln(" ");
document.writeln("");
document.writeln("");
document.writeln("");
</code></pre>
<p> ， ， head.js ： ，//MAC.html</p>
<pre><code>
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title/>
<script type="text/javascript" src="head.js"/>------------------- head.js
</code></pre>
<p> ：shtml </p>
<p>1： ssi shtml ， ， header.htm 。 shtml ， ， 。</p>
<p> ： </p>
<p> HTML 、 、 ， 。 ， 。</p>
<p> ：ajax </p>
<p> ：web （ IIS） </p>
<p> SSI， .shtml include 。</p>
<p>SSI（Server Side Include)， " " " "， ASP 。 .stm、.shtm .shtml。SSI HTML ， ，SSI ， SSI ， ， shell CGI 。</p>
<p> ： （ ）</p>
<p> ： 、flash — ， </p>
<p> ：angular js </p>
<p> html ， ， ， 。</p>
<p> ：https://www.cnblogs.com/jtjds/p/5326200.html</p>
</div>
</div>
</div>
</div>