网站建设中网页共享的解决技巧

2022-11-09 11:04 解决方案
HTML不同的页面中共用头部与尾部方法;

[div]

1.asp语言和PHP语言

[div][div]

首先,制作一个头文件head.asp或底部文件foot.asp。如果主页是index.asp,呼叫标题代码在index.asp文件代码的开始(在第一个标记之后,< head & gt标记前)添加以下代码:

[div][div]

& lt!–[div]

# include file = " head . ASP "–& gt;

[div]

调用常用的底层文件代码是在index.asp文件代码的末尾(最后一个标记之前)添加以下代码:

[div][div]

& lt!–[div]

# include file = " foot . ASP "–& gt;

[div]

[div][div]

如果它是一个PHP文件,只需将文件名改为footer.php。

[div][div]

第二,html语言


创建通用头文件head.htm或通用底层文件foot.htm。如果主页文件是index.htm,调用头文件和底文件的方法是在主霍邱网站优化后的页面文件代码的开头和结尾加上以下代码:

[div][div]

& ltiframe margin width = 0 margin height = 0 hspace = 0 VSPACE = 0 frame border = 0 SCROLLING = no src = " head . htm " height = " auto " & gt;& lt/iframe & gt;

[div][div]

& ltiframe margin width = 0 margin height = 0 hspace = 0 VSPACE = 0 frame border = 0 SCROLLING = no src = " foot . htm " & gt;& lt/iframe & gt;

[div][div]

例如,以下代码的主页:index.html


复制代码

[div][div]

& lt!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN " " http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD " & gt;

& lthtml xmlns = " http://www . w3 . org/1999/XHTML " & gt;

& lthead & gt

& ltmeta http-equiv = " Content-Type " Content = " text/html;charset=utf-8" />

& lttitle & gt& lt/title & gt;

& ltlink href = ' head . CSS '[div]

rel = " style sheet " type = " text/CSS "/& gt;

& ltscript type = " text/JavaScript " & gt;

& lt/script & gt;

& lt/head & gt;

& ltbody & gt

//主页index.html

& ltdiv & gt

& lt;iframe margin width = 0 margin height = 0 HSPACE = 0 VSPACE = 0 frame border = 0 scrolling = no src = " head . html "height = " auto " & gt;

& lt;/iframe & gt;-这里要调用head.html·佩奇,需要用div包装,否则风格会变。

& lt/div & gt;

[div]

& lt/body & gt;

& lt/html & gt;

[div][div]

复制代码

[div][div]

单独存储的head.html代码如下:

复制代码

[div][div]

& lt!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN " " http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD " & gt;

& lthtml xmlns = " http://www . w3 . org/1999/XHTML " & gt;

& lthead & gt

& ltstyle & gt

& lt/style & gt;

& ltmeta http-equiv = " Content-Type " Content = " text/html;charset=utf-8" />

& lttitle & gt& lt/title & gt;

[div]

& lt;link href = ' head . CSS 'rel = " style sheet " type = " text/CSS "/& gt;

& lt/head & gt;

& ltbody & gt

& lt;div & gt

& lt;ul & gt

& lt;李& gt& ltah ref = " http://www . cn blogs . com/JT jds/" & gt;Mac & lt/a & gt;& lt/李& gt

& lt;李& gt& ltah ref = " http://www . cn blogs . com/JT jds/" & gt;iPad & lt/a & gt;& lt/李& gt

& lt;李& gt& ltah ref = " http://www . cn blogs . com/JT jds/" & gt;iPhone & lt/a & gt;& lt/李& gt

& lt;李& gt& lta href = " http://www . cn blogs . com/JT jds/" & gt;手表& lt/a & gt;& lt/李& gt

& lt;李& gt& ltah ref = " http://www . cn blogs . com/JT jds/" & gt;音乐& lt/a & gt;& lt/李& gt

& lt;李& gt& ltah ref = " http://www . cn blogs . com/JT jds/" & gt;ContactUs & lt/a & gt;& lt/李& gt

& lt;/ul & gt;

& lt/div & gt;

[div]

& lt/body & gt;

& lt/html & gt;

[div][div]

复制代码

[div][div]

css代码如下:

复制代码

[div][div]

* {边距:0;填充:0;}

正文{背景:白色;位置:相对;身高:100%;颜色:# 777;字体大小:13px}

img{border:无;显示:块;}

李(列表式:无;文字-装饰:无;}

。miaov _ head { height:36px;宽度:100%;边距:0自动;背景:黑色;边距-底部:0px}

.miaov_head[div]

img{width: 30px ;height: 30px;margin-top: 0;margin-left: 130px;}。miaov _ headimg { width:30px;高度:30px边距-顶部:0;左边距:130px}

。miaov _ headul { float:left;宽度:900px高度:36px边距-顶部:0px颜色:白色;位置:绝对;top:0px;左边距:200px}

。miaov _ headul Li { float:left;左填充:80px左边距:0px颜色:白色;列表样式:无;}

。miaov_head ul阿利{ color:white;字体大小:14px文字-装饰:无;}

。miaov_head输入{ position:absolute;top:5px;左边距:1000px宽度:200px高度:22px}

。miaov _ head a { line-height:36px;颜色:# 777;}

。miaov _ head a:hover { color:# 555;}

[div][div]

复制代码

[div][div]

第三,剧本语言——推荐这个


微信与项目经理沟通

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

阅读
上一篇:如何更好的设计网站?
下一篇:网站建设为什么要有明确的要求?