导航:首页 > 万维百科 > 网页设计中多个页面重复的部分

网页设计中多个页面重复的部分

发布时间:2020-09-03 14:39:19

1、在HTML页面里面,如果两个或以上的标签的ID重复了,会出现什么问题?

在css里的话,如果用了两个相同的ID,那么他们的样式是相同的。

在javascript,如果要对该id对象进行操作,可能会出错。因为有两个相同id的对象。比如取值的话。。

2、有谁知道,html中共用的html页面,怎么重复调用么,我现在是每个页面都复制进去了,显得代码好多

网站设计有很多时候在每一个网页都要使用同一的重复的部分,如每页的LOGO、导航栏设计、 版权信息等等,如果设计的时候没有将这些始终重复的部分独立出来,有需要修改的时候就会修改所有页面的同一个地方,将是非常繁琐的事情。所以我们往往将在 每个页面重复的部分独立设计、保存,采用调用的方法应用在每个页面相应的地方,如果有需要修改,往往只修改独立的这个文件就达到修改全部页面的效果。
在asp 以及php等中可以使用include之类的代码调用,那么在HTML格式的静态页面中是否也可以使用同样的调用方法?
现在就告诉大家在html网页中也可以实用文件调用的超级简短代码:
ASP一般常用调用代码:<!--webbot bot="Include" U-Include="include/top.htm" TAG="BODY" -->
标准ASP的SSI语法:<!--#include file="include/top.htm"-->
html调用中的浮动框架代码:<iframe src="地址" scrolling=auto width= height= frameborder=0 id=""></ifram>
html调用中的对象代码:<object src="地址" width="" height=""></object>
在html文件引入其它html文件的几种方法:
1.IFrame引入
代码: <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME>
你 会看到一个外部引入的文件,但会发现有一个类似外框的东西将其包围,可使用代码: <iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=30 src="import.htm" frameborder=0></iframe> 但你又发现两个页面背景色不同,你只要在引入的文件import.htm中使用相同的背景色就可以了。
2.<object>方法
代码:<object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>

3、前端怎么解决多页面重复使用部分2017年

1模版(普遍语言支持的)。

2如果渲染层是Page之类的你还可以通过重写Page(如asp.net WebForm)。

3http服务器截获处理(普遍语言支持的,比如iis对应不同的语言通常会有一个dll来处理,而这个dll会提供该接口,当然你可以更狠一点就是直接构建这个dll)

4socket截获(参见5,跟5类似,只是部署地不同,不需要额外更多检测)
你可以去后盾人平台看一下,里面的东西不错

4、在网页设计中如何使用div,不同网页中相同的部分怎么搞才能使得代码简便

这个如何使用div,看看书,⊙﹏⊙b汗.<div></div>,相同的部分就使用相同的class就可以了

5、网页制作多个静态页包含相同内容如何最省事?

其它网站的应该是动态输出,然后生成静态的,所以你看每页都一样,但却是.html的静态页,这个你如果你非要纯静态的做这东西是没办法的,最多你把链接放在一个文件里(随便你用.js或.html都可以),然后在你要插入友情链接的地方用java来调用这页就行了
`
`
`
如:链接页:link.html
内容:
document.write('<a href="http://www.baidu.com/" target="_blank">百度</a>')
`
`
首页尾部友情链接的地方插入以下代码
<script language=javascript src="link.html"></script>
``
不过这种效果在SEO方面和你用IFRAME差求不多,也就胜在java加载内容可自动适应宽高,不用你再像IFRAME一样,多加一行链接,还要把IFRAME的高调一下像素值
`
`
建议还是用动态的吧,大不了加一个静态页生成功能嘛,没多麻烦的

6、一个网站中有多个页面,每个网页的css样式,头和尾是一样的,中间的页面主题部分不一样。

从规范上来讲能分离的就分离,减去多余的代码。
从逻辑上来讲,我个人认为没什么区别,看你自己喜欢了,因为就多几行调用CSS样式代码,影响微乎其微,可以忽略不计。
因为不管你分离或不分离,调用CSS样式那个步骤都得走的。

7、将多个html页面里引进相同的一个头部页面,应该怎么做

将多个html页面里引进相同的一个头部页面的方法如下:

1. iframe 包含法。
页头和页尾分别做成一个页面,然后通过iframe嵌入到调用的页面。这种方法在页头页尾高度固定的时候比较适用,因为当页头页尾高度不固定时,需要iframe根据页面内容自适应高度,比较麻烦。
简单代码结构示例:
<html>
<head>
<title>页面</title>
<style type="text/css">
.page{width:950px;margin:0 auto;}  
</style>
</head>
<body>
<div class="page">
<iframe frameboder="0" scrolling="no" width="100%" height="80" src="head.html"></iframe>
<div>页面内容</div>
<iframe frameboder="0" scrolling="no" width="100%" height="80" src="foot.html"></iframe>
</div>
</body>
</html>

2. js包含法
页头和页尾改成外接js的形式,通过documen.write输出或其它js的输出的方法。这种方法在页头页尾需要修改时,不利于修改,也不好还原原先的html结构。
<html>
<head>
<title>页面</title>
<style type="text/css">
.page{width:950px;margin:0 auto;}  
</style>
</head>
<body>
<div class="page">
<script type="text/javascript" href="head.js"></script>
<div>页面内容</div>
<script type="text/javascript" href="foot.js"></script>
</div>
</body>
</html>

3. shtml方法
运用服务端的包含方法,只需在页面中使用服务端包含命令<!--#  include file="文件名称" -->,在被调用的页面嵌入页头和页脚即可。但此方法需要服务端支持ssi(server side include 服务端包含)功能。
<html>
<head>
<title>页面</title>
<style type="text/css">
.page{width:950px;margin:0 auto;}  
</style>
</head>
<body>
<div class="page">
<!--#include file="head.html" -->
<div>页面内容</div>
<!--#include file="foot.html" -->
</div>
</body>
</html>

8、各个网页之间有重复的内容

ASP.NET我还算了解一些。如果几个页面有重复的内容,在ASP.NET中把重复的内容作成用户自定义控件,以后想在那个页面用只需要像系统自带控件样一拖就行了。HTML中好像是叫做框架吧。HTMLDREAMWEAVER完全可以解决这个问题。
下面问题:
还是说浏览器会自动识别哪些是相同的,哪些是不同的,会自动替换掉不同的部分,保留相同的部分?
----
浏览器没有这功能,它只是起到显示作用,主要还是代码。
----
单纯的做静态网页没什么意义,学会做静态网页后你就会发现它的局限性进而会学着做动态网页。JSP ,ASP,PHP, ASP.NET学好一门就行了。具体哪个好?不好说。每个都有自己的优势。ASP和ASP.NET的话当然是ASP.NET性能更好,更有优势。因为ASP.NET是ASP的在升级。JSP的话优势在于它的跨平台。PHP我不熟悉。

9、网站有大量重复内容和相似度很高页面,该怎么处理

网址规范化问题。

网址规范化问题包括主域名的规范化和页面URL地址规范化两个方面,主域名的规范化需要规范化。另外是内页URL的规范化,通常为了让搜索引擎能够更好的抓取网站内容,我们会将URL进行伪静态处理,而一般的网站伪静态之后,原始的动态URL依然存在并能够访问,这样就造成了多个URL访问相同网址。
内容的其他版本

很多网站除了提供正常的版本之外还提供一些其它的浏览版本,比如打印版本或者简版,却并没有禁止搜索引擎去抓取这些页面,而这些页面也因此变成了重复内容页面。
网站结构

很多网站在结构设计之初并没考虑SEO方面的因素,结果是导致造成各种页面版本,比如产品按价格,评论,时间排序等,特别是一些电子商务网站,这种页面重复现象尤为严重。

URL任意加字符还是返回200状态码。

一些网站是因为网站程序和技术的原因,用户在URL参数后面随意加上一些字符都能够正常访问,并且页面是和没加之前的完全重复。

检查页面是否有重复版本有一个比较简单的方法,就是将内容随机选择一句话加双引号后进行搜索,从结果中就可以看到有多少个重复的页面。因为通常来说随机选一句话进行搜索完全生命的机率是比较小的。

10、一个网站中不同页面相同的部分怎么做

这个在Dreamweaver里面用DIV+CSS代码写就可以了!

与网页设计中多个页面重复的部分相关的知识