HTML5-超鏈接和路徑


一、超鏈接

<a href="http://baidu.com/" target="_blank">百度</a>

  href屬性是必須的,用來指定超鏈接跳轉的外部鏈接地址。

  target屬性不是必須的,是告訴瀏覽器希望將所鏈接的外部網站在哪里打開,

    _self(默認值,表示在當前頁面打開鏈接),

    _blank(比較常用,表示在新窗口或標簽頁鍾中打開鏈接),

    _parent(是基於frameset框架頁面的,表示在父窗口打開鏈接),

    _top(同樣基於frameset框架頁面,表示在整個窗口打開鏈接),

在HTML5中,框架基本被廢棄,只能使用<iframe></iframe>元素,且以后將大量結合JavaScript和PHP使用。

<a></a>元素也可用來將同一文檔中的另一元素移入視野,可通過屬性id或name實現錨點定位。例:

<a href="#1">第一章</a><a href="#2">第二章</a><a href="#3">第三章</a>

<br><br><br><br><br><br><br><br>

<a id="1"></a>第一章
<br><br><br><br><br><br><br><br>
<a name="2"></a>第二章 
<br><br><br><br><br><br><br><br>
<a name="3"></a>第三章

二、相對路徑和絕對路徑

1.相對路徑

<a href="index.html">index</a>

相對路徑是相對於當前文檔而言的同一文件夾下的另一個文檔,條件是兩個文檔必須在同一個磁盤下的同一目錄下的同一個文件夾內;

如果在同一主目錄下,有多個子目錄層次,就需要使用目錄結構語法。

2.絕對路徑

<a href="file:///D:備課/HTML5/code/index2.html">index2</a>

絕對路徑就是直接以file:///開頭的完整路徑,首先是file:///開頭,后是磁盤符,然后一個個的目錄結構,最后是相應的文檔。

這種方式最致命的問題是,當整個目錄移動到其它磁盤或電腦時,目錄結構一旦出現任何變化,鏈接當即失效。

3.目錄語法

同一目錄:index2.html 或 ./index2.html;

在子目錄; ***/index2.html;

在孫子目錄:***/***/index2.html;

在父目錄: ../index2.html;

在爺爺目錄:../../index2.html;

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM