導航:首頁 > 萬維百科 > 網頁設計中多個頁面重復的部分

網頁設計中多個頁面重復的部分

發布時間: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代碼寫就可以了!

與網頁設計中多個頁面重復的部分相關的知識