做网站页面时，总是会把header部分做成一个统一的，然后在不同的页面引入。但是，不同的页面可能会有自己不同的样式，不同的js，当然还有不同的等信息。<pre>这些本来该通用的部分，因为这些而变的不同，大家是怎么解决的呢？<pre>我能想到的是两种解决方案<pre>+在header中做判断<pre>+把header在做细，只做通用的一部分，剩下的部分，还是让各个页面，自己来写。<pre><pre><pre></div>
<div class="info clearfix">
<div class="l"><mip-img class="avator" src="//img1.sycdn.imooc.com/533e4d00000171e602000200-100-100.jpg"></mip-img>海绵宝宝撒</div>
<div class="r"><span>浏览 296</span><span>回答 2</span></div>
</div>
</section>
<div id="wap_mip_wenda_detail" style="overflow:hidden;line-height:0;margin-bottom:.66rem; max-height:26.6666666rem">
</div>
<section>
<h5>2回答</h5>
<dl class="answer-list js-answer-list">
<dd id="499793">
<mip-img src="//img1.sycdn.imooc.com/54584f6d0001759002200220-100-100.jpg" class="avator"></mip-img>
<p class="name">萧十郎</p>
<div class="content">在需要引用header的页面：header.php:</div>
<div class="action clearfix">
<div class="l">
<div data-flag="support" class="like js-is-support js-support "><i class="imwap-thumb_up"></i><span class="js-support-num">0</span></div>
<div data-flag="unsupport" class="like js-is-support js-unsupport "><i class="imwap-thumb_down"></i><span class="js-support-num">0</span></div>
</div>
<div class="r"><a href="https://m.imooc.com/account/login">0<i class="imwap-comment"></i></a></div>
</div>
</dd>
<dd id="499794">
<mip-img src="//img1.sycdn.imooc.com/5458477f0001cabd02200220-100-100.jpg" class="avator"></mip-img>
<p class="name">沧海一幻觉</p>
<div class="content">感觉这道题是在论模板存在的重要性啊。一般来说title往往就是显示文章名（变量）和网站标题（变量）这种，所以用if判断是比较方便的，各种博客主题（我接触这个比较多就单说这个了）也基本都是这样做的，类似于：至于CSS的话一般来说基本都是各个页面变化不大的，在这种情况下可以试着用条件判断为不同的页面增加一些不一样的id或者class属性，同时在style.css文件中分别描述修饰内容就好了，类似于下面这种：</div>
<div class="action clearfix">
<div class="l">
<div data-flag="support" class="like js-is-support js-support "><i class="imwap-thumb_up"></i><span class="js-support-num">0</span></div>
<div data-flag="unsupport" class="like js-is-support js-unsupport "><i class="imwap-thumb_down"></i><span class="js-support-num">0</span></div>
</div>
<div class="r"><a href="https://m.imooc.com/account/login">0<i class="imwap-comment"></i></a></div>
</div>
</dd>
</dl>
</section>
<div class="app-box shadow">
<mip-img src="/static/wap/static/common/img/logo-small@2x.png" class="logo"></mip-img>随时随地看视频<a id="js-appload" href="" data-url="" class="r">慕课网APP</a>
</div>
<div class="relate-box">
<p class="tit">相关分类</p>
<dl class="ques-list">
<dt class="clearfix">
<a href="/wenda/17" target="_blank">
<mip-img class="left-img" src="//img1.sycdn.imooc.com/59e96f340001faac02400240.jpg"></mip-img> JavaScript
</a>
</dt>
</dl>
</div>
<mip-fixed type="bottom">
<section class="go-action">
<a href="https://m.imooc.com/account/login"><i class="imwap-edit"></i>我要回答</a>
</section>
</mip-fixed>
</div>
<mip-stats-baidu token="c92536284537e1806a07ef3e6873f2b3"></mip-stats-baidu>
<script src="https://c.mipcdn.com/static/v1/mip.js" ></script>
<script src="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script>
<script src="https://c.mipcdn.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js"></script>
</div>
</div>
<script>cambrian.render('head')</script>
<script type="text/javascript" src="/static/wap/static/common/js/jquery-2.1.0.min_ac9f840.js"></script><script type="text/javascript" src="/static/wap/static/js/course/advertisementReport_6e58a98.js"></script></body>
</html>