HTML5 基礎教程
HTML 介紹HTML 元素HTML 屬性HTML 文字樣式元素HTML 水平線HTML 清單元素HTML +CSSHTML +JavascriptHTML 超連結HTML 檔案路徑HTML <!-- 註解 -->HTML 特殊文字HTML 顏色HTML 區塊元素與佈局XHTMLHTML5 多媒體教程
HTML <table>表格HTML <iframe>線內框架HTML <img> 圖片HTML <video> 影片HTML <audio> 音樂HTML5 表單教程
HTML <form> 表單HTML 各種表單元素HTML <input>HTML <input>屬性HTML5
HTML5 介紹HTML5 支援HTML5 新元素HTML5 正確語法HTML5 Graphics
HTML5 CanvasHTML5 SVGHTML5 Google Maps絕對位置
絕對位置,就是不管你的網頁今天在哪裡,只要透過絕對位置就可以找到目標網站。例如http地址,http://w3.had.name/
相對位置
相對位置,就是抓取「目標網頁」和「當前網頁」的相對關係,例如:「同個資料夾」、「前一個資料夾」、「下一個資料夾」。
本網站當前網址:http://w3.had.name/html/filepath/
路徑 | 解釋 | 絕對位置 |
---|---|---|
style.css | 在當前網頁的資料夾中,名為style.css的檔案 | http://w3.had.name/html/filepath/style.css |
../style.css | 上一個資料夾,有名為style.css的檔案 | http://w3.had.name/html/style.css |
../css/style.css | 上一個資料夾,有一個css資料夾,又有名為style.css的檔案 | http://w3.had.name/html/css/style.css |
css/style.ss | 在當前網頁的資料夾中,有一個css資料夾,名為style.css的檔案 | http://w3.had.name/html/filepath/css/style.css |
/css/style.ss | 相對域名 | http://w3.had.name/css/style.css |
建議
建議使用相對位置(尤其是「相對域名」)做為連結,以便日後更換域名時網站不必大規模更動。