Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
于網(wǎng)站到底應(yīng)該使用絕對路徑還是相對路徑呢?在解決這個問題之前我們先簡單的了解一下他們的概念。
SEO絕對路徑與相對路徑
絕對路徑:包含域名的完整地址。
相對路徑:不包含域名,被鏈接頁面相對于當(dāng)前頁面的相對地址。
舉例說明:
a頁面url:http://www.baidu.com/pagea.html
b頁面url:http://www.baidu.com/pageb.html
如果a頁面鏈接到b頁面 <a href="../pageb.html"> 使用這樣的形式,那么
<a href="../pageb.html"> 就是相對路徑
如果使用完整的url <a > ,那么
<a > 就是絕對路徑
那么使用絕對地址還是相對地址呢?對SEO有什么影響?其實這里沒有絕對的答案。不過,兩者各有優(yōu)缺點。
相對路徑
1、優(yōu)點
內(nèi)容移動時,其他頁面上的連接不用更新
可以節(jié)省代碼量
在測試服務(wù)器上測試相對容易
2、缺點
頁面移動位置,里面的連接可能需要改動
搜索引擎解析url時可能出錯,不能正確讀取頁面上的連接url
被抄襲和采集對網(wǎng)站沒有任何好處,現(xiàn)在很多采集軟件可以自動識別絕對路徑和相對路徑,所以使用絕對地址有助于自己的連接也被抄到采集站上,某些情況是有效的
絕對路徑
1、優(yōu)點
內(nèi)容被抄襲、采集時,抄襲者較懶或者不知道的情況下,頁面的連接會一起抄襲過去,絕對路徑還會指向你的網(wǎng)站,可以增加網(wǎng)站外鏈權(quán)重
利于預(yù)防和解決網(wǎng)址規(guī)范化問題。
站點存在RSS輸出時,內(nèi)容會被一些Feed聚合網(wǎng)站抓取顯示,頁面里指向原網(wǎng)站的url會被保留
2、缺點
增加代碼量,如果連接數(shù)量大時,相對于相對路徑多出來的字節(jié)可能是html文件變大
不好在測試服務(wù)器進行測試,出非鏈接是動態(tài)插入的形式。因為鏈接直接指向真正的域名url,而不是測試服務(wù)器上的url
如果鏈接不是動態(tài)插入,移動頁面將比較困難。因為,頁面的位置發(fā)生變化,其他頁面鏈向本頁面的鏈接可能無法跟隨變化,還指向原來的已經(jīng)編碼的絕對路徑
其實,建立在正確解析url的前提下,絕度路徑與相對路徑對排名沒有任何影響。
文章來源:微信公眾號:七棵松運營|公眾號ID:qksong7
天要學(xué)習(xí)的是CSS,CSS是什么?
CSS指的是層疊樣式表,它和HTML是一對好朋友,可以對HTML網(wǎng)頁進行修飾。
為什么要學(xué)CSS?
要想讓瀏覽器顯示以下內(nèi)容:
以我們所學(xué)的知識,就需要一個一個的去添加 font 樣式:
鍵盤的TAB可以縮進,代碼看起來更美觀
非常麻煩,一個網(wǎng)頁可能有幾百個樣式要設(shè)置,難道一個一個的去添加嗎?即使你很有耐心,這么多的樣式全寫在一個頁面(CSS會新建一個專門存放樣式的頁面),別說別人了,自己看了都覺得亂。
為了省時省力、簡潔易改、維護方便、增強網(wǎng)頁……
所以,引入CSS樣式表,就是為了解決這些問題。
在盤符下面建立一個文件夾,在文件夾里面建立兩個文檔:
例如,我在C盤下面建立了文件夾 new_20200831,在這個文件夾里面在建立兩個文本文檔,并修改擴展名:new.html 和 newcss.css
之所以放在同一個文件夾里面,是為了更好管理和方便鏈接,下面的 [1] 會解釋為什么方便鏈接。
打開new.html ,輸入基礎(chǔ)html代碼:
在<head></head>中寫入下方代碼:
<link href="css 文件的路徑" type="text/css" rel="stylesheet" />
<link/> 標(biāo)簽定義文檔與外部資源的關(guān)系,也就是你想鏈接CSS樣式表,就要用到<link/>標(biāo)簽。
<link/>標(biāo)簽需要放在<head>頭部標(biāo)記中,并且指定3個必需屬性:
href:規(guī)定被鏈接文檔的位置。 [1]
type:規(guī)定被鏈接文檔的類型。這里指定為 “text/css” 表示鏈接的外部文件為CSS樣式表。
rel:規(guī)定當(dāng)前文檔與被鏈接文檔之間的關(guān)系。這里指定為 “stylesheet” 表示鏈接的文檔是一個樣式表文件
——————————————————————————————
[1] 我來解釋一下為什么放在同一個文件夾會方便鏈接:
引用的路徑分為兩種:
絕對路徑:完整描述文件路徑
相對路徑:相對于當(dāng)前文件的路徑,不帶有盤符。(推薦)
相對路徑分為以下3種:
· 文件和html文件位于同一文件夾;只需輸入文件名即可,如<link href="new.css" />
· 文件位于html文件的下一級文件夾;輸入文件夾和文件名,之間用 / 隔開,如 <link href="new_20200831/new.css" />
· 文件位于html文件的上一級文件夾;在文件名之前輸入 ../ ,如果是上兩級,則需要用 ../../ 以此類推,如 <link href="../new.css" />
例如,上面我輸入href="new.css" 就是相對路徑的第1種情況,我放在同一個文件夾,所以只要輸入文件名 new.css 即可,而不是輸入絕對路徑 C/new_20200831/new.css ,明顯后者麻煩多了。
未完待續(xù)~
個網(wǎng)站的每個頁面應(yīng)該使用唯一的URL,不同于相同文件應(yīng)轉(zhuǎn)向到唯一的URL。不利于測試,有規(guī)模的網(wǎng)站一般會有線下測試,如果網(wǎng)站內(nèi)的鏈接不是動態(tài)參數(shù),就會造成很多死鏈接,沒辦法進行測試。相對路徑地址是模糊的,不具備獨立性。采用絕對地址,可以有效地防止你的競爭對手對你的網(wǎng)站。
絕對路徑的優(yōu)點
1.如果有人復(fù)制你的網(wǎng)站內(nèi)容,里面的鏈接還會指向你的網(wǎng)站建設(shè),其實也不局限于被復(fù)制,如果有人將你的網(wǎng)頁保存到本地電腦中,里面的鏈接、圖片、css、以及js仍然會連接到你的網(wǎng)站建設(shè)。
2.如果網(wǎng)頁位置改變,里面的鏈接還是指向正確的URL。
絕對路徑的缺點:
1.在本機制作的時候不能使用絕對路徑,因為鏈接應(yīng)該指向真正的域名而不是測試機的。
2.內(nèi)容頁面必須固定,如果所有內(nèi)容頁面都使用絕對路徑,如果修改某個文件,其它頁面上的路徑是無法改變的,還會指向原來的地址。
相對路徑的優(yōu)缺點
相對路徑的優(yōu)缺點和絕對路徑幾乎相反。
缺點:
1.內(nèi)容頁面換了位置之后,鏈接容易失效。
2.容易被人大面積復(fù)制粘貼。
優(yōu)點:
1.內(nèi)容容易移動,可以整個目錄移動。
2.測試方法較靈活,本機測試時比較方便快捷。
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。