選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

XML 教程

XML 主頁 XML 簡介 XML 如何使用 XML 樹 XML 語法 XML 元素 XML 屬性 XML 名稱空間 XML 顯示 XML HttpRequest XML 解析器 XML DOM XML XPath XML XSLT XML XQuery XML XLink XML 驗證器 XML DTD XML Schema XML 伺服器 XML 示例 XML 測驗 XML 證書

XML AJAX

AJAX Introduction AJAX XMLHttp AJAX Request AJAX Response AJAX XML File AJAX PHP AJAX ASP AJAX Database AJAX Applications AJAX Examples

XML DOM

DOM Introduction DOM Nodes DOM Accessing DOM Node Info DOM Node List DOM Traversing DOM Navigating DOM Get Values DOM Change Nodes DOM Remove Nodes DOM Replace Nodes DOM Create Nodes DOM Add Nodes DOM Clone Nodes DOM Examples

XPath 教程

XPath Introduction XPath Nodes XPath Syntax XPath Axes XPath Operators XPath Examples

XSLT 教程

XSLT Introduction XSL Languages XSLT Transform XSLT <template> XSLT <value-of> XSLT <for-each> XSLT <sort> XSLT <if> XSLT <choose> XSLT Apply XSLT on the Client XSLT on the Server XSLT Edit XML XSLT Examples

XQuery 教程

XQuery Introduction XQuery Example XQuery FLWOR XQuery HTML XQuery Terms XQuery Syntax XQuery Add XQuery Select XQuery Functions

XML DTD

DTD Introduction DTD Building Blocks DTD Elements DTD Attributes DTD Elements vs Attr DTD Entities DTD Examples

XSD Schema

XSD 簡介 XSD 如何操作 XSD <schema> XSD 元素 XSD 屬性 XSD 約束 XSD 複雜元素 XSD 空 XSD 僅元素 XSD 僅文字 XSD 混合 XSD 指示符 XSD <any> XSD <anyAttribute> XSD 替換 XSD 示例

XSD Data Types

XSD String XSD Date/Time XSD Numeric XSD Misc XSD Reference

Web Services

XML Services XML WSDL XML SOAP XML RDF XML RSS

參考手冊

DOM 節點型別 DOM 節點 DOM NodeList DOM NamedNodeMap DOM Document DOM Element DOM Attribute DOM Text DOM CDATA DOM Comment DOM XMLHttpRequest DOM Parser XSLT 元素 XSLT/XPath 函式

XML, XLink 和 XPointer


XLink 用於在 XML 文件中建立超連結。


XPath
  • XLink 用於在 XML 文件中建立超連結
  • XML 文件中的任何元素都可以充當連結
  • 使用 XLink,可以在連結檔案之外定義連結
  • XLink 是 W3C 推薦標準

XLink 瀏覽器支援

XLink 在 XML 文件中沒有瀏覽器支援。

但是,所有主流瀏覽器都支援 SVG 中的 XLink


XLink 語法

在 HTML 中,<a> 元素定義了一個超連結。然而,XML 的工作方式並非如此。在 XML 文件中,您可以使用任何您想要的元素名稱——因此瀏覽器無法預測 XML 文件中的連結元素將是什麼名稱。

下面是一個在 XML 文件中使用 XLink 建立連結的簡單示例

<?xml version="1.0" encoding="UTF-8"?>

<homepages xmlns:xlink="http://www.w3.org/1999/xlink">
  <homepage xlink:type="simple" xlink:href="https://w3schools.tw">訪問 W3Schools</homepage>
  <homepage xlink:type="simple" xlink:href="http://www.w3.org">訪問 W3C</homepage>
</homepages>

要訪問 XLink 功能,我們必須宣告 XLink 名稱空間。XLink 名稱空間是:"http://www.w3.org/1999/xlink"。

<homepage> 元素中的 xlink:type 和 xlink:href 屬性來自 XLink 名稱空間。

xlink:type="simple" 建立一個簡單的“類似 HTML”的連結(表示“單擊此處跳轉到那裡”)。

xlink:href 屬性指定要連結到的 URL。


XLink 示例

以下 XML 文件包含 XLink 功能

<?xml version="1.0" encoding="UTF-8"?>

<bookstore xmlns: xlink="http://www.w3.org/1999/xlink">

<book title="Harry Potter">
  <description
  xlink:type="simple"
  xlink:href="/images/HPotter.gif"
  xlink:show="new">
  隨著他第五年在霍格沃茨魔法學校的學習臨近,15 歲的哈利·波特.......
  魔法學校的學習臨近,15 歲的哈利·波特.......
  </description>
</book>

<book title="XQuery Kick Start">
  <description
  xlink:type="simple"
  xlink:href="/images/XQuery.gif"
  xlink:show="new">
  XQuery Kick Start 提供了對 XQuery 標準的簡潔介紹.......
  對 XQuery 標準的簡潔介紹.......
  </description>
</book>

</bookstore>

示例說明

  • XLink 名稱空間在文件頂部宣告 (xmlns: xlink="http://www.w3.org/1999/xlink")
  • xlink:type="simple" 建立一個簡單的“類似 HTML”的連結
  • xlink:href 屬性指定要連結到的 URL(在此情況下是一個影像)
  • xlink:show="new" 指定連結應在新視窗中開啟


XLink - 進一步探索

在上面的示例中,我們演示了簡單的 XLinks。當訪問遠端位置作為資源而不是獨立頁面時,XLink 會變得更有趣。

如果我們設定 xlink:show 屬性的值為 "embed",則連結的資源應在頁面內聯處理。考慮到這可能是一個另一個 XML 文件,您例如可以構建一個 XML 文件的層次結構。

您還可以使用 xlink:actuate 屬性指定資源何時出現。


XLink 屬性參考

Attribute 描述
xlink:actuate onLoad
onRequest
other
none
定義連結資源的讀取和顯示時間
  • onLoad - 文件載入時應載入和顯示資源
  • onRequest - 在點選連結之前,不讀取或顯示資源
xlink:href URL 指定要連結到的 URL
xlink:show embed
new
replace
other
none
指定連結的開啟位置。預設值為 "replace"
xlink:type simple
extended
locator
arc
resource
title
none
指定連結的型別

XPointer

XPath
  • XPointer 允許連結指向 XML 文件的特定部分
  • XPointer 使用 XPath 表示式在 XML 文件中導航
  • XPointer 是 W3C 推薦標準

XPointer 瀏覽器支援

XPointer 沒有瀏覽器支援。但 XPointer 在其他 XML 語言中使用。


XPointer 示例

在此示例中,我們將結合使用 XPointer 和 XLink 來指向另一個文件的特定部分。

我們將從檢視目標 XML 文件(我們要連結到的文件)開始

<?xml version="1.0" encoding="UTF-8"?>

<dogbreeds>

<dog breed="Rottweiler" id="Rottweiler">
  <picture url="https://dog.com/rottweiler.gif" />
  <history>羅威納犬的祖先可能是羅馬
  牧羊犬.....</history>
  <temperament>自信、大膽、警惕且令人印象深刻,羅威納犬
  因其保護能力而成為熱門選擇....</temperament>
</dog>

<dog breed="FCRetriever" id="FCRetriever">
  <picture url="https://dog.com/fcretriever.gif" />
  <history>最早使用尋回犬之一是為了
  幫助漁民從水中取魚....</history>
  <temperament>平毛尋回犬是一種甜美、活潑、
  充滿活力的狗,喜歡玩耍和尋回....</temperament>
</dog>

</dogbreeds>

請注意,上面的 XML 文件使用了 id 屬性!

因此,XPointer 允許您連結到文件的特定部分,而不是連結到整個文件(如 XLink)。要連結到頁面的特定部分,請在 xlink:href 屬性的 URL 後面新增井號 (#) 和 XPointer 表示式,如下所示:xlink:href="https://dog.com/dogbreeds.xml#xpointer(id('Rottweiler'))"。該表示式引用目標文件中 id 值為 "Rottweiler" 的元素。

XPointer 還允許使用簡寫方法連結到具有 id 的元素。您可以直接使用 id 的值,如下所示:xlink:href="https://dog.com/dogbreeds.xml#Rottweiler"。

以下 XML 文件包含了我每隻狗的犬種的更多資訊連結

<?xml version="1.0" encoding="UTF-8"?>

<mydogs xmlns: xlink="http://www.w3.org/1999/ xlink">

<mydog>
  <description>
  安東是我最喜歡的狗。他贏了很多.....
  </description>
  <fact xlink:type="simple" xlink:href="https://dog.com/dogbreeds.xml#Rottweiler">
  關於羅威納犬的事實
  </fact>
</mydog>

<mydog>
  <description>
  普魯託是地球上最可愛的狗......
  </description>
  <fact xlink:type="simple" xlink:href="https://dog.com/dogbreeds.xml#FCRetriever">
  關於平毛尋回犬的事實
  </fact>
</mydog>

</mydogs>

×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援