url、rel、href、src有什麼區別

廣東IT優就業

一、url、rel、href、src的區別

（1）首先，url與rel、href、src性質不同的是url是屬性值，rel、href、src是屬性，並且url是href、src這兩個的屬性值。

（2）url是統一資源定位符，是對可以從互聯網上得到的資源的位置和訪問方法的一種簡潔的表示。

（3）互聯網上的每個文件都有一個唯一的URL，它包含的信息指出文件的位置以及瀏覽器應該怎麼處理它。

（4）基本url包括模式(或稱協議)、伺服器名稱(或IP地址)、路徑和文件名。如「協議://授權、路徑?查詢」。

（5）完整的、帶有授權部分的普通統一資源標誌符語法看上去如下：協議://用戶名:密碼@子域名.域名.頂級域名:埠號/目錄/文件名.文件後綴?參數=值#標誌

（6）rel為屬性。用來定義連接的文件和HTML文檔之間的關係。

（7）href為超文本引用。href屬性的值可以是任何有效文檔的相對或絕對url，包括片段標識符和JavaScript代碼段。

標籤的href屬性用於指定超鏈接目標的url。如果用戶選擇了標籤中的內容，那麼瀏覽器會嘗試檢索並顯示href 屬性指定的URL所表示的文檔，或者執行JavaScript表達式、方法和函數的列表。

換句話說href就是用來建立當前元素和文檔之間的連接。

（8）src為屬性。一般指的是引用外部文件的路徑。

比如：<img>圖片的路徑、<script>腳本文件的位置。

二、相對定位和絕對定位的區別

（1）定位標籤：position

（2）包含屬性：relative(相對)absolute(絕對)

（3）position:relative;如果對一個元素進行相對定位，首先它將出現在它所在的位置。通過相對定位改變它的垂直和水平位置。這裡面的相對的含義是讓這個元素「相對於」它的原始起點進行移動。

（4）position:absolute:表示絕對定位。位置將依據瀏覽器左上角開始計算。類似平面直角坐標系，可以進行一一對應的確定。

注意：相對定位和絕對定位需要配合margin使用來定位具體位置。

更多IT精彩推薦：

必看！讓你變身IT精英：//www.ujiuye.com/zt/webqianduan/?wt.mc_id=17009338