xlink:href
Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
Thuộc tính xlink:href xác định một tham chiếu tới tài nguyên dưới dạng một tham chiếu IRI. Ý nghĩa chính xác của liên kết đó phụ thuộc vào ngữ cảnh của từng phần tử đang dùng nó.
Note:
SVG 2 đã loại bỏ nhu cầu về không gian tên xlink, vì vậy thay vì xlink:href bạn nên dùng href. Nếu bạn cần hỗ trợ các phiên bản trình duyệt cũ hơn, thuộc tính xlink:href đã lỗi thời có thể được dùng làm phương án dự phòng cùng với thuộc tính href, ví dụ: <use href="some-id" xlink:href="some-id" x="5" y="5" />.
Bạn có thể dùng thuộc tính này với các phần tử SVG sau:
Ví dụ
<svg viewBox="0 0 160 40" xmlns="http://www.w3.org/2000/svg">
<a xlink:href="https://mdn.go-mizu.dev/">
<text x="10" y="25">MDN Web Docs</text>
</a>
</svg>
a
Với <a>, xlink:href xác định vị trí của đối tượng được tham chiếu.
| Giá trị |
<iri>
|
|---|---|
| Giá trị mặc định | Không có |
| Có thể hoạt ảnh | Có |
animate, animateMotion, animateTransform, set
Với <animate>, <animateMotion>, <animateTransform> và <set>, xlink:href xác định tham chiếu tới phần tử là đích của hoạt ảnh này và do đó sẽ được sửa đổi theo thời gian.
Phần tử đích phải là một phần của mảnh tài liệu SVG hiện tại.
Giá trị phải trỏ tới đúng một phần tử đích có thể làm đích cho kiểu hoạt ảnh đã cho.
Nếu thuộc tính xlink:href không được cung cấp, phần tử đích sẽ là phần tử cha trực tiếp của phần tử hoạt ảnh hiện tại.
Tham khảo mô tả của từng phần tử hoạt ảnh để biết các hạn chế về kiểu phần tử nào có thể là đích của từng loại hoạt ảnh cụ thể.
| Giá trị |
<iri>
|
|---|---|
| Giá trị mặc định | Không có |
| Có thể hoạt ảnh | Không |
feImage
Với <feImage>, xlink:href xác định tham chiếu tới nguồn ảnh.
| Giá trị |
<iri>
|
|---|---|
| Giá trị mặc định | Không có |
| Có thể hoạt ảnh | Có |
filter
Với <filter>, xlink:href xác định tham chiếu tới một phần tử <filter> khác trong mảnh tài liệu SVG hiện tại. Bất kỳ thuộc tính nào được định nghĩa trên phần tử <filter> được tham chiếu mà không được định nghĩa trên phần tử này sẽ được kế thừa bởi phần tử này. Nếu phần tử này không có các nút bộ lọc được định nghĩa, và phần tử được tham chiếu có các nút bộ lọc được định nghĩa (có thể do thuộc tính xlink:href riêng của nó), thì phần tử này sẽ kế thừa các nút bộ lọc được định nghĩa từ phần tử <filter> được tham chiếu. Việc kế thừa có thể gián tiếp qua nhiều cấp; vì vậy, nếu phần tử <filter> được tham chiếu kế thừa thuộc tính hoặc đặc tả nút bộ lọc do thuộc tính xlink:href riêng của nó, thì phần tử hiện tại có thể kế thừa những thuộc tính hoặc đặc tả nút bộ lọc đó.
| Giá trị |
<iri>
|
|---|---|
| Giá trị mặc định | Không có |
| Có thể hoạt ảnh | Có |
image
Với <image>, xlink:href xác định vị trí của ảnh được tham chiếu.
| Giá trị |
<iri>
|
|---|---|
| Giá trị mặc định | Không có |
| Có thể hoạt ảnh | Có |
linearGradient
Với <linearGradient>, xlink:href xác định tham chiếu tới một phần tử <linearGradient> khác hoặc phần tử <radialGradient> trong mảnh tài liệu SVG hiện tại. Bất kỳ thuộc tính <linearGradient> nào được định nghĩa trên phần tử được tham chiếu mà không được định nghĩa trên phần tử này sẽ được kế thừa bởi phần tử này. Nếu phần tử này không có các điểm dừng gradient được định nghĩa, và phần tử được tham chiếu có (có thể do thuộc tính xlink:href riêng của nó), thì phần tử này sẽ kế thừa các điểm dừng gradient từ phần tử được tham chiếu. Việc kế thừa có thể gián tiếp qua nhiều cấp; vì vậy, nếu phần tử được tham chiếu kế thừa thuộc tính hoặc các điểm dừng gradient do thuộc tính xlink:href riêng của nó, thì phần tử hiện tại có thể kế thừa những thuộc tính hoặc các điểm dừng gradient đó.
| Giá trị |
<iri>
|
|---|---|
| Giá trị mặc định | Không có |
| Có thể hoạt ảnh | Có |
mpath
Với <mpath>, xlink:href xác định tham chiếu tới phần tử <path> định nghĩa đường đi chuyển động.
| Giá trị |
<iri>
|
|---|---|
| Giá trị mặc định | Không có |
| Có thể hoạt ảnh | Có |
pattern
Với <pattern>, xlink:href xác định tham chiếu tới một phần tử <pattern> khác trong mảnh tài liệu SVG hiện tại. Bất kỳ thuộc tính nào được định nghĩa trên phần tử <pattern> được tham chiếu mà không được định nghĩa trên phần tử này sẽ được kế thừa bởi phần tử này. Nếu phần tử này không có nội dung mẫu được định nghĩa, và phần tử được tham chiếu có nội dung (có thể do thuộc tính xlink:href riêng của nó), thì phần tử này sẽ kế thừa nội dung mẫu từ phần tử được tham chiếu. Việc kế thừa có thể gián tiếp qua nhiều cấp; vì vậy, nếu phần tử được tham chiếu kế thừa thuộc tính hoặc nội dung mẫu do thuộc tính xlink:href riêng của nó, thì phần tử hiện tại có thể kế thừa những thuộc tính hoặc nội dung mẫu đó.
radialGradient
Với <radialGradient>, xlink:href xác định tham chiếu tới một phần tử <radialGradient> khác hoặc phần tử <linearGradient> trong mảnh tài liệu SVG hiện tại. Bất kỳ thuộc tính <radialGradient> nào được định nghĩa trên phần tử được tham chiếu mà không được định nghĩa trên phần tử này sẽ được kế thừa bởi phần tử này. Nếu phần tử này không có các điểm dừng gradient được định nghĩa, và phần tử được tham chiếu có (có thể do thuộc tính xlink:href riêng của nó), thì phần tử này sẽ kế thừa các điểm dừng gradient từ phần tử được tham chiếu. Việc kế thừa có thể gián tiếp qua nhiều cấp; vì vậy, nếu phần tử được tham chiếu kế thừa thuộc tính hoặc các điểm dừng gradient do thuộc tính xlink:href riêng của nó, thì phần tử hiện tại có thể kế thừa những thuộc tính hoặc các điểm dừng gradient đó.
script
Với <script>, xlink:href xác định đường dẫn của script bên ngoài được nhúng vào tài liệu SVG.
textPath
Với <textPath>, xlink:href xác định tham chiếu tới phần tử <path> mà văn bản sẽ đi theo.
use
Với <use>, xlink:href xác định tham chiếu tới phần tử sẽ được sao chép vào vị trí mà phần tử <use> xuất hiện.
Thông số kỹ thuật
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2> # XLinkHrefAttribute> |