12 liên kết

Nội dung

1. Giới thiệu về các liên kết và neo
   1. Truy cập một tài nguyên được liên kết
   2. Các mối quan hệ liên kết khác
   3. Chỉ định neo và liên kết
   4. Tiêu đề liên kết
   5. Quốc tế hóa và liên kết
2. Yếu tố A.
   1. Cú pháp của tên neo
   2. Liên kết lồng nhau là bất hợp pháp
   3. Neo với thuộc tính ID
   4. Tài nguyên không khả dụng và không xác định được
3. Mối quan hệ tài liệu: Phần tử liên kết
   1. Liên kết chuyển tiếp và đảo ngược
   2. Liên kết và các bảng phong cách bên ngoài
   3. Liên kết và công cụ tìm kiếm
4. Thông tin đường dẫn: Phần tử cơ sở
   1. Giải quyết URI tương đối

12.1 Giới thiệu về các liên kết và neo

HTML cung cấp nhiều thành ngữ xuất bản thông thường cho các tài liệu văn bản và có cấu trúc phong phú, nhưng điều tách biệt nó với hầu hết các ngôn ngữ đánh dấu khác là các tính năng của nó cho các tài liệu siêu văn bản và tương tác. Phần này giới thiệu liên kết (hoặc siêu liên kết hoặc liên kết web), cấu trúc siêu văn bản cơ bản. Một liên kết là một kết nối từ tài nguyên web này sang tài nguyên khác. Mặc dù là một khái niệm đơn giản, liên kết đã là một trong những lực lượng chính thúc đẩy sự thành công của web.

Một liên kết có hai đầu - được gọi là neo - và một hướng. Liên kết bắt đầu ở mỏ neo "Nguồn" và trỏ đến mỏ neo "đích", có thể là bất kỳ tài nguyên web nào (ví dụ: hình ảnh, video clip, cắn âm thanh, chương trình, tài liệu HTML, một phần tử trong HTML tài liệu, v.v.). link has two ends -- called anchors -- and a direction. The link starts at the "source" anchor and points to the "destination" anchor, which may be any Web resource (e.g., an image, a video clip, a sound bite, a program, an HTML document, an element within an HTML document, etc.).

12.1.1 truy cập tài nguyên được liên kết

Hành vi mặc định được liên kết với một liên kết là truy xuất tài nguyên web khác. Hành vi này thường có và ngầm bằng cách chọn liên kết (ví dụ: bằng cách nhấp, thông qua đầu vào bàn phím, v.v.). This behavior is commonly and implicitly obtained by selecting the link (e.g., by clicking, through keyboard input, etc.).

Đoạn trích HTML sau đây chứa hai liên kết, một liên kết có neo đích là tài liệu HTML có tên là "Chương2.html" và cái còn lại có hình ảnh đích là hình ảnh GIF trong tệp "Forest.gif":

...some text...
You'll find a lot more in  chapter two. 
See also this map of the enchanted forest.

Bằng cách kích hoạt các liên kết này (bằng cách nhấp vào chuột, thông qua đầu vào bàn phím, lệnh thoại, v.v.), người dùng có thể truy cập các tài nguyên này. Lưu ý rằng thuộc tính HREF trong mỗi mỏ neo nguồn chỉ định địa chỉ của mỏ neo đích với một URI.

Neo đích của một liên kết có thể là một phần tử trong tài liệu HTML. Neo đích phải được đặt tên neo và bất kỳ URI nào đề cập đến mỏ neo này phải bao gồm tên là định danh đoạn của nó.fragment identifier.

Các neo đích trong các tài liệu HTML có thể được chỉ định bởi phần tử A (đặt tên cho nó bằng thuộc tính tên) hoặc bởi bất kỳ phần tử nào khác (đặt tên với thuộc tính ID).

Do đó, ví dụ, một tác giả có thể tạo một bảng nội dung có các mục nhập liên kết đến các phần tử tiêu đề H2, H3, v.v., trong cùng một tài liệu. Sử dụng phần tử A để tạo neo đích, chúng tôi sẽ viết:

Table of Contents
Introduction

Some background

On a more personal note

...the rest of the table of contents...
...the document body...
Introduction
...section 1...
Some background
...section 2...
On a more personal note
...section 2.1...

Chúng tôi có thể đạt được hiệu ứng tương tự bằng cách tự làm cho các yếu tố tiêu đề là các mỏ neo:

Table of Contents
Introduction

Some background

On a more personal note

...the rest of the table of contents...
...the document body...
Introduction
...section 1...
Some background
...section 2...
On a more personal note
...section 2.1...

12.1.2 Các mối quan hệ liên kết khácOther link relationships

Cho đến nay, việc sử dụng phổ biến nhất của một liên kết là truy xuất một tài nguyên web khác, như được minh họa trong các ví dụ trước. Tuy nhiên, các tác giả có thể chèn các liên kết trong các tài liệu của họ thể hiện các mối quan hệ khác giữa các tài nguyên hơn là chỉ đơn giản là "kích hoạt liên kết này để truy cập tài nguyên liên quan đó". Các liên kết thể hiện các loại mối quan hệ khác có một hoặc nhiều loại liên kết được chỉ định trong mỏ neo nguồn của chúng.

Vai trò của một liên kết được xác định bởi A hoặc liên kết được chỉ định thông qua các thuộc tính REL và Rev.

Chẳng hạn, các liên kết được xác định bởi phần tử liên kết có thể mô tả vị trí của một tài liệu trong một loạt các tài liệu. Trong đoạn trích sau, các liên kết trong tài liệu có tên "Chương 5" chỉ vào các chương trước và tiếp theo:

...other head information...

Loại liên kết của liên kết đầu tiên là "trước" và loại thứ hai là "tiếp theo" (hai trong số một số loại liên kết được công nhận). Các liên kết được chỉ định bởi liên kết không được hiển thị với nội dung của tài liệu, mặc dù các tác nhân người dùng có thể hiển thị chúng theo những cách khác (ví dụ: dưới dạng các công cụ điều hướng).not rendered with the document's contents, although user agents may render them in other ways (e.g., as navigation tools).

Ngay cả khi chúng không được sử dụng để điều hướng, các liên kết này có thể được giải thích theo những cách thú vị. Ví dụ: một tác nhân người dùng in một loạt các tài liệu HTML như một tài liệu duy nhất có thể sử dụng thông tin liên kết này làm cơ sở để hình thành một tài liệu tuyến tính mạch lạc. Thông tin thêm được đưa ra dưới đây về việc sử dụng các liên kết vì lợi ích của các công cụ tìm kiếm.

12.1.3 Chỉ định neo và liên kết

Mặc dù một số phần tử và thuộc tính HTML tạo liên kết đến các tài nguyên khác (ví dụ: phần tử IMG, phần tử biểu mẫu, v.v.), chương này thảo luận về các liên kết và neo được tạo bởi liên kết và một phần tử. Phần tử liên kết chỉ có thể xuất hiện trong đầu của một tài liệu. Phần tử A chỉ có thể xuất hiện trong cơ thể.

Khi thuộc tính HREF của phần tử được đặt, phần tử xác định neo nguồn cho một liên kết có thể được người dùng kích hoạt để truy xuất tài nguyên web. Neo nguồn là vị trí của một thể hiện A và neo đích là tài nguyên web.

Tài nguyên được truy xuất có thể được xử lý bởi tác nhân người dùng theo nhiều cách: bằng cách mở một tài liệu HTML mới trong cùng một cửa sổ tác nhân người dùng, mở một tài liệu HTML mới trong một cửa sổ khác, bắt đầu một chương trình mới để xử lý tài nguyên, v.v. Một phần tử có nội dung (văn bản, hình ảnh, v.v.), các tác nhân người dùng có thể hiển thị nội dung này theo cách để chỉ ra sự hiện diện của một liên kết (ví dụ: bằng cách nhấn mạnh nội dung).

Khi các thuộc tính tên hoặc ID của phần tử A được đặt, phần tử xác định một mỏ neo có thể là đích của các liên kết khác.

Các tác giả có thể đặt tên và các thuộc tính href đồng thời trong cùng một trường hợp.

Phần tử liên kết xác định mối quan hệ giữa tài liệu hiện tại và tài nguyên khác. Mặc dù liên kết không có nội dung, các mối quan hệ mà nó xác định có thể được hiển thị bởi một số đại lý người dùng.

12.1.4 Tiêu đề liên kếtLink titles

Thuộc tính tiêu đề có thể được đặt cho cả A và liên kết để thêm thông tin về bản chất của một liên kết. Thông tin này có thể được nói bởi một tác nhân người dùng, được hiển thị như một mẹo công cụ, gây ra sự thay đổi trong hình ảnh con trỏ, v.v.

Do đó, chúng tôi có thể tăng thêm một ví dụ trước bằng cách cung cấp một tiêu đề cho mỗi liên kết:

...some text...
You'll find a lot more in chapter two.
chapter two. 
See also this map of
the enchanted forest.

12.1.5 Quốc tế hóa và liên kết Internationalization and links

Vì các liên kết có thể trỏ đến các tài liệu được mã hóa với các mã hóa ký tự khác nhau, các phần tử A và liên kết hỗ trợ thuộc tính Charset. Thuộc tính này cho phép các tác giả tư vấn cho các tác nhân người dùng về việc mã hóa dữ liệu ở đầu kia của liên kết.

Thuộc tính hreflang cung cấp cho các tác nhân người dùng thông tin về ngôn ngữ của tài nguyên ở cuối liên kết, giống như thuộc tính Lang cung cấp thông tin về ngôn ngữ của nội dung hoặc giá trị thuộc tính của một yếu tố. provides user agents with information about the language of a resource at the end of a link, just as the lang attribute provides information about the language of an element's content or attribute values.

Được trang bị kiến ​​thức bổ sung này, các đại lý người dùng sẽ có thể tránh trình bày "rác" cho người dùng. Thay vào đó, họ có thể định vị các tài nguyên cần thiết để trình bày chính xác tài liệu hoặc, nếu chúng không thể xác định được các tài nguyên, ít nhất họ nên cảnh báo người dùng rằng tài liệu sẽ không thể đọc được và giải thích nguyên nhân.

12.2 Phần tử A

Thẻ bắt đầu: Yêu cầu, Thẻ kết thúc: Yêu cầurequired, End tag: required

Định nghĩa thuộc tính

href = uri [ct] Thuộc tính này chỉ định một URI tuyệt đối hoạt động như URI cơ sở để giải quyết URI tương đối.

Thuộc tính được xác định ở nơi khác

• ID, lớp (định danh toàn tài liệu)
• Lang (Thông tin ngôn ngữ), Dir (hướng văn bản)
• Tiêu đề (Tiêu đề Element)
• Phong cách (thông tin phong cách nội tuyến)
• hình dạng và phối hợp (bản đồ hình ảnh)
• onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, onmouseOver, onmousemove, onmouseOut, onkeypress, onkeydown, onkeyup (sự kiện nội tại)
• mục tiêu (thông tin khung mục tiêu)
• Tabindex (điều hướng tab)
• AccessKey (Khóa Access)

Mỗi phần tử xác định một mỏ neo

1. Nội dung của một phần tử xác định vị trí của mỏ neo.
2. Thuộc tính tên tên neo để nó có thể là đích của số 0 hoặc nhiều liên kết (xem thêm neo với ID).
3. Thuộc tính HREF làm cho mỏ neo này trở thành mỏ neo của chính xác một liên kết.

Các tác giả cũng có thể tạo một yếu tố A chỉ định không có neo, tức là, không chỉ định href, tên hoặc id. Các giá trị cho các thuộc tính này có thể được đặt sau một thời gian sau thông qua các tập lệnh.scripts.

Trong ví dụ sau, phần tử A xác định một liên kết. Neo nguồn là văn bản "Trang web W3C" và mỏ neo đích là "http://www.w3.org/":

For more information about W3C, please consult the 
W3C Web site. 

Liên kết này chỉ định trang chủ của tập đoàn web trên toàn thế giới. Khi người dùng kích hoạt liên kết này trong tác nhân người dùng, tác nhân người dùng sẽ truy xuất tài nguyên, trong trường hợp này là một tài liệu HTML.

Các tác nhân người dùng thường hiển thị các liên kết theo cách để làm cho chúng rõ ràng đối với người dùng (gạch chân, video ngược, v.v.). Kết xuất chính xác phụ thuộc vào tác nhân người dùng. Kết xuất có thể thay đổi tùy theo việc người dùng có truy cập liên kết hay không. Một kết xuất trực quan có thể của liên kết trước có thể là: in such a way as to make them obvious to users (underlining, reverse video, etc.). The exact rendering depends on the user agent. Rendering may vary according to whether the user has already visited the link or not. A possible visual rendering of the previous link might be:

For more information about W3C, please consult the W3C Web site.
                                                   ~~~~~~~~~~~~

Để cho các tác nhân người dùng nói rõ rằng mã hóa ký tự của trang đích là gì, hãy đặt thuộc tính Charset:

For more information about W3C, please consult the 
W3C Web site 

Giả sử chúng ta xác định một mỏ neo có tên "neo-one" trong tệp "một.html".

...text before the anchor...
This is the location of anchor one.
...text after the anchor...

Điều này tạo ra một mỏ neo xung quanh văn bản "Đây là vị trí của neo một.". Thông thường, nội dung của A không được hiển thị theo bất kỳ cách đặc biệt nào khi chỉ xác định một mỏ neo.

Đã xác định neo, chúng tôi có thể liên kết với nó từ cùng một tài liệu hoặc một tài liệu khác. URI chỉ định neo chứa một ký tự "#" theo sau là tên neo (định danh đoạn). Dưới đây là một số ví dụ về URI như vậy:

• Một URI tuyệt đối: http://www.mycompany.com/one.html#anchor-one
• Một URI tương đối: ./one.html#anchor-one hoặc một.html#neo-One
• Khi liên kết được xác định trong cùng một tài liệu: #neo-One

Do đó, một liên kết được xác định trong tệp "Two.html" trong cùng thư mục với "One.html" sẽ đề cập đến neo như sau:

...text before the link...
For more information, please consult  anchor one.
...text after the link...

Phần tử A trong ví dụ sau chỉ định một liên kết (với href) và tạo đồng thời một mỏ neo (có tên) có tên:

Table of Contents
Introduction

Some background

On a more personal note

...the rest of the table of contents...
...the document body...
Introduction
...section 1...
Some background
...section 2...
On a more personal note
...section 2.1...

0

Ví dụ này chứa một liên kết đến một loại tài nguyên web khác (hình ảnh PNG). Kích hoạt liên kết sẽ khiến tài nguyên hình ảnh được truy xuất từ ​​web (và có thể được hiển thị nếu hệ thống đã được cấu hình để làm như vậy).

Ghi chú. Các tác nhân người dùng sẽ có thể tìm thấy các mỏ neo được tạo bởi các yếu tố trống, nhưng một số không làm như vậy. Ví dụ: một số tác nhân người dùng có thể không tìm thấy "trống rỗng" trong đoạn HTML sau: User agents should be able to find anchors created by empty A elements, but some fail to do so. For example, some user agents may not find the "empty-anchor" in the following HTML fragment:

Table of Contents
Introduction

Some background

On a more personal note

...the rest of the table of contents...
...the document body...
Introduction
...section 1...
Some background
...section 2...
On a more personal note
...section 2.1...

1

12.2.1 Cú pháp của tên neoSyntax of anchor names

Tên neo là giá trị của thuộc tính tên hoặc ID khi được sử dụng trong bối cảnh neo. Tên neo phải tuân thủ các quy tắc sau:

• Tính độc đáo: Tên neo phải là duy nhất trong một tài liệu. Tên neo chỉ khác nhau trong trường hợp có thể không xuất hiện trong cùng một tài liệu. Anchor names must be unique within a document. Anchor names that differ only in case may not appear in the same document.
• Kết hợp chuỗi: So sánh giữa các định danh phân đoạn và tên neo phải được thực hiện bằng khớp chính xác (nhạy cảm với trường hợp). Comparisons between fragment identifiers and anchor names must be done by exact (case-sensitive) match.

Do đó, ví dụ sau là chính xác đối với việc khớp chuỗi và phải được coi là phù hợp bởi các tác nhân người dùng:

Table of Contents
Introduction

Some background

On a more personal note

...the rest of the table of contents...
...the document body...
Introduction
...section 1...
Some background
...section 2...
On a more personal note
...section 2.1...

2

Ví dụ bất hợp pháp: Ví dụ sau là bất hợp pháp đối với tính độc đáo vì hai tên là giống nhau ngoại trừ trường hợp:
The following example is illegal with respect to uniqueness since the two names are the same except for case:

Table of Contents
Introduction

Some background

On a more personal note

...the rest of the table of contents...
...the document body...
Introduction
...section 1...
Some background
...section 2...
On a more personal note
...section 2.1...

3

Mặc dù đoạn trích sau đây là HTML hợp pháp, nhưng hành vi của tác nhân người dùng không được xác định; Một số đại lý người dùng có thể (không chính xác) coi đây là một trận đấu và những người khác có thể không.

Table of Contents
Introduction

Some background

On a more personal note

...the rest of the table of contents...
...the document body...
Introduction
...section 1...
Some background
...section 2...
On a more personal note
...section 2.1...

4

Tên neo phải được giới hạn ở các ký tự ASCII. Vui lòng tham khảo Phụ lục để biết thêm thông tin về các ký tự không phải ASCII trong các giá trị thuộc tính URI. Please consult the appendix for more information about non-ASCII characters in URI attribute values.

12.2.2 Liên kết lồng nhau là bất hợp phápNested links are illegal

Liên kết và neo được xác định bởi phần tử A không được lồng nhau; Một phần tử A không được chứa bất kỳ phần tử nào khác.

Vì DTD định nghĩa phần tử liên kết là trống, các phần tử liên kết cũng có thể không được lồng.

12.2.3 neo với thuộc tính IDAnchors with the id attribute

Thuộc tính ID có thể được sử dụng để tạo một mỏ neo ở thẻ bắt đầu của bất kỳ phần tử nào (bao gồm cả phần tử A).

Ví dụ này minh họa việc sử dụng thuộc tính ID để định vị một mỏ neo trong phần tử H2. Neo được liên kết với thông qua phần tử A.

Table of Contents
Introduction

Some background

On a more personal note

...the rest of the table of contents...
...the document body...
Introduction
...section 1...
Some background
...section 2...
On a more personal note
...section 2.1...

5

Ví dụ sau đây đặt tên cho một mỏ neo đích với thuộc tính ID:

Table of Contents
Introduction

Some background

On a more personal note

...the rest of the table of contents...
...the document body...
Introduction
...section 1...
Some background
...section 2...
On a more personal note
...section 2.1...

6

Các thuộc tính ID và tên chia sẻ cùng một không gian tên. Điều này có nghĩa là cả hai không thể định nghĩa một mỏ neo có cùng tên trong cùng một tài liệu. Được phép sử dụng cả hai thuộc tính để chỉ định mã định danh duy nhất của phần tử cho các phần tử sau: A, applet, form, frame, iframe, IMG và MAP. Khi cả hai thuộc tính được sử dụng trên một phần tử, giá trị của chúng phải giống hệt nhau. name space. This means that they cannot both define an anchor with the same name in the same document. It is permissible to use both attributes to specify an element's unique identifier for the following elements: A, APPLET, FORM, FRAME, IFRAME, IMG, and MAP. When both attributes are used on a single element, their values must be identical.

Ví dụ bất hợp pháp: Đoạn trích sau đây là HTML bất hợp pháp vì các thuộc tính này khai báo cùng một tên hai lần trong cùng một tài liệu.
The following excerpt is illegal HTML since these attributes declare the same name twice in the same document.

Table of Contents
Introduction

Some background

On a more personal note

...the rest of the table of contents...
...the document body...
Introduction
...section 1...
Some background
...section 2...
On a more personal note
...section 2.1...

7

Ví dụ sau đây minh họa rằng ID và tên phải giống nhau khi cả hai xuất hiện trong thẻ bắt đầu của một phần tử:

Table of Contents
Introduction

Some background

On a more personal note

...the rest of the table of contents...
...the document body...
Introduction
...section 1...
Some background
...section 2...
On a more personal note
...section 2.1...

8

Do đặc điểm kỹ thuật của nó trong HTML DTD, thuộc tính tên có thể chứa các tham chiếu ký tự. Do đó, giá trị d ü RST là giá trị thuộc tính tên hợp lệ, cũng như D & UUML; RST. Mặt khác, thuộc tính ID có thể không chứa các tham chiếu ký tự. character references. Thus, the value Dürst is a valid name attribute value, as is Dürst . The id attribute, on the other hand, may not contain character references.

Sử dụng ID hoặc tên? Các tác giả nên xem xét các vấn đề sau khi quyết định sử dụng ID hay tên cho tên neo: Authors should consider the following issues when deciding whether to use id or name for an anchor name:

• Thuộc tính ID có thể hoạt động không chỉ là một tên neo (ví dụ: bộ chọn bảng kiểu, định danh xử lý, v.v.).
• Một số tác nhân người dùng cũ không hỗ trợ các neo được tạo bằng thuộc tính ID.
• Thuộc tính tên cho phép tên neo giàu hơn (với các thực thể).

12.2.4 Tài nguyên không có sẵn và không xác định đượcUnavailable and unidentifiable resources

Một tham chiếu đến một tài nguyên không có sẵn hoặc không thể xác định là một lỗi. Mặc dù các tác nhân người dùng có thể thay đổi trong cách họ xử lý một lỗi như vậy, chúng tôi đề xuất hành vi sau:

• Nếu một tác nhân người dùng không thể xác định được tài nguyên được liên kết, nó sẽ cảnh báo người dùng.
• Nếu một tác nhân người dùng không thể xác định loại tài nguyên được liên kết, nó vẫn nên cố gắng xử lý nó. Nó sẽ cảnh báo người dùng và có thể cho phép người dùng can thiệp và xác định loại tài liệu.

12.3 Mối quan hệ tài liệu: Phần tử liên kết

Thẻ bắt đầu: Yêu cầu, Thẻ kết thúc: Cấmrequired, End tag: forbidden

Thuộc tính được xác định ở nơi khác

• ID, lớp (định danh toàn tài liệu)
• Lang (Thông tin ngôn ngữ), Dir (hướng văn bản)
• Tiêu đề (Tiêu đề Element)
• Phong cách (thông tin phong cách nội tuyến)
• onclick, ondblclick, onmousedown, onmouseup, onmouseOver, onmousemove, onmouseOut, onkeypress, onkeydown, onkeyup (sự kiện nội tại)
• href, hreflang, loại, rel, rev (liên kết và neo)
• mục tiêu (thông tin khung mục tiêu)
• phương tiện truyền thông (thông tin kiểu tiêu đề)
• Charset (mã hóa ký tự)

Phần tử này xác định một liên kết. Không giống như A, nó chỉ có thể xuất hiện trong phần đầu của tài liệu, mặc dù nó có thể xuất hiện bất kỳ số lần nào. Mặc dù liên kết không có nội dung, nhưng nó truyền tải thông tin mối quan hệ có thể được hiển thị bởi các tác nhân người dùng theo nhiều cách khác nhau (ví dụ: thanh công cụ có menu thả xuống các liên kết).

Ví dụ này minh họa cách một số định nghĩa liên kết có thể xuất hiện trong phần đầu của tài liệu. Tài liệu hiện tại là "Chương2.html". Thuộc tính REL chỉ định mối quan hệ của tài liệu được liên kết với tài liệu hiện tại. Các giá trị "chỉ mục", "tiếp theo" và "trước" được giải thích trong phần về các loại liên kết.

Table of Contents
Introduction

Some background

On a more personal note

...the rest of the table of contents...
...the document body...
Introduction
...section 1...
Some background
...section 2...
On a more personal note
...section 2.1...

9

12.3.1 Liên kết chuyển tiếp và đảo ngượcForward and reverse links

Các thuộc tính REL và Rev đóng vai trò bổ sung - thuộc tính REL chỉ định liên kết chuyển tiếp và thuộc tính Rev chỉ định một liên kết ngược.

Xem xét hai tài liệu A và B.

Table of Contents
Introduction

Some background

On a more personal note

...the rest of the table of contents...
...the document body...
Introduction
...section 1...
Some background
...section 2...
On a more personal note
...section 2.1...

0

Có ý nghĩa chính xác như:

Table of Contents
Introduction

Some background

On a more personal note

...the rest of the table of contents...
...the document body...
Introduction
...section 1...
Some background
...section 2...
On a more personal note
...section 2.1...

1

Cả hai thuộc tính có thể được chỉ định đồng thời.

12.3.2 Liên kết và bảng kiểu bên ngoàiLinks and external style sheets

Khi phần tử liên kết liên kết một bảng kiểu bên ngoài với một tài liệu, thuộc tính loại chỉ định ngôn ngữ bảng kiểu và thuộc tính phương tiện chỉ định phương tiện hoặc phương tiện hiển thị dự định. Đại lý người dùng có thể tiết kiệm thời gian bằng cách truy xuất từ ​​mạng chỉ các bảng kiểu áp dụng cho thiết bị hiện tại.

Các loại phương tiện truyền thông được thảo luận thêm trong phần trên các bảng phong cách.

12.3.3 Liên kết và công cụ tìm kiếmLinks and search engines

Các tác giả có thể sử dụng phần tử liên kết để cung cấp nhiều thông tin cho các công cụ tìm kiếm, bao gồm:

• Liên kết đến các phiên bản thay thế của một tài liệu, được viết bằng một ngôn ngữ khác của con người.
• Liên kết đến các phiên bản thay thế của một tài liệu, được thiết kế cho các phương tiện khác nhau, ví dụ như một phiên bản đặc biệt phù hợp để in.
• Liên kết đến trang bắt đầu của một bộ sưu tập các tài liệu.

Các ví dụ dưới đây minh họa cách thông tin ngôn ngữ, loại phương tiện và loại liên kết có thể được kết hợp để cải thiện việc xử lý tài liệu bởi các công cụ tìm kiếm.

Trong ví dụ sau, chúng tôi sử dụng thuộc tính hreflang để nói với các công cụ tìm kiếm nơi tìm các phiên bản Hà Lan, Bồ Đào Nha và tiếng Ả Rập của một tài liệu. Lưu ý việc sử dụng thuộc tính Charset cho Hướng dẫn sử dụng tiếng Ả Rập. Cũng lưu ý rằng việc sử dụng thuộc tính Lang để chỉ ra rằng giá trị của thuộc tính tiêu đề cho phần tử liên kết chỉ định hướng dẫn tiếng Pháp là bằng tiếng Pháp.

Table of Contents
Introduction

Some background

On a more personal note

...the rest of the table of contents...
...the document body...
Introduction
...section 1...
Some background
...section 2...
On a more personal note
...section 2.1...

2

Trong ví dụ sau, chúng tôi cho các công cụ tìm kiếm biết nơi tìm phiên bản in của hướng dẫn sử dụng.

Table of Contents
Introduction

Some background

On a more personal note

...the rest of the table of contents...
...the document body...
Introduction
...section 1...
Some background
...section 2...
On a more personal note
...section 2.1...

3

Trong ví dụ sau, chúng tôi nói với các công cụ tìm kiếm nơi tìm trang nhất của bộ sưu tập các tài liệu.

Table of Contents
Introduction

Some background

On a more personal note

...the rest of the table of contents...
...the document body...
Introduction
...section 1...
Some background
...section 2...
On a more personal note
...section 2.1...

4

Thông tin thêm được đưa ra trong các ghi chú trong Phụ lục về giúp các công cụ tìm kiếm lập chỉ mục trang web của bạn.

12.4 Thông tin đường dẫn: Phần tử cơ sở

Table of Contents
Introduction

Some background

On a more personal note

...the rest of the table of contents...
...the document body...
Introduction
...section 1...
Some background
...section 2...
On a more personal note
...section 2.1...

5

Thẻ bắt đầu: Yêu cầu, Thẻ kết thúc: Cấmrequired, End tag: forbidden

Định nghĩa thuộc tính

href = uri [ct] Thuộc tính này chỉ định một URI tuyệt đối hoạt động như URI cơ sở để giải quyết URI tương đối.

Trong HTML, các liên kết và tham chiếu đến hình ảnh bên ngoài, Ứng dụng, chương trình xử lý hình thức, bảng kiểu, vv luôn được chỉ định bởi một URI. URI tương đối được giải quyết theo một URI cơ sở, có thể đến từ nhiều nguồn khác nhau. Phần tử cơ sở cho phép các tác giả chỉ định URI cơ sở của tài liệu một cách rõ ràng.to specify a document's base URI explicitly.

Khi có mặt, phần tử cơ sở phải xuất hiện trong phần đầu của tài liệu HTML, trước bất kỳ phần tử nào đề cập đến một nguồn bên ngoài. Thông tin đường dẫn được chỉ định bởi phần tử cơ sở chỉ ảnh hưởng đến URI trong tài liệu nơi phần tử xuất hiện.

Ví dụ, đưa ra tuyên bố cơ sở sau và tuyên bố:

Table of Contents
Introduction

Some background

On a more personal note

...the rest of the table of contents...
...the document body...
Introduction
...section 1...
Some background
...section 2...
On a more personal note
...section 2.1...

6

URI tương đối "../cages/birds.gif" sẽ giải quyết thành:

Table of Contents
Introduction

Some background

On a more personal note

...the rest of the table of contents...
...the document body...
Introduction
...section 1...
Some background
...section 2...
On a more personal note
...section 2.1...

7

12.4.1 Giải quyết URI tương đốiResolving relative URIs

Các tác nhân người dùng phải tính toán URI cơ sở để giải quyết các URI tương đối theo [RFC1808], Phần 3. Sau đây mô tả cách [RFC1808] áp dụng cụ thể cho HTML.

Các tác nhân người dùng phải tính toán URI cơ sở theo các ưu tiên sau (ưu tiên cao nhất đến thấp nhất):

1. URI cơ sở được đặt bởi phần tử cơ sở.
2. URI cơ sở được đưa ra bởi dữ liệu meta được phát hiện trong tương tác giao thức, chẳng hạn như tiêu đề HTTP (xem [RFC2616]).
3. Theo mặc định, URI cơ sở là của tài liệu hiện tại. Không phải tất cả các tài liệu HTML đều có URI cơ sở (ví dụ: tài liệu HTML hợp lệ có thể xuất hiện trong email và không được chỉ định bởi URI). Các tài liệu HTML như vậy được coi là sai nếu chúng chứa URI tương đối và dựa vào URI cơ sở mặc định.

Ngoài ra, các phần tử đối tượng và applet xác định các thuộc tính được ưu tiên hơn giá trị được đặt bởi phần tử cơ sở. Vui lòng tham khảo các định nghĩa của các yếu tố này để biết thêm thông tin về các vấn đề URI cụ thể cho chúng.

Ghi chú. Đối với các phiên bản của HTTP xác định tiêu đề liên kết, các tác nhân người dùng nên xử lý các tiêu đề này chính xác như các thành phần liên kết trong tài liệu. HTTP 1.1 như được định nghĩa bởi [RFC2616] không bao gồm trường tiêu đề liên kết (tham khảo phần 19.6.3). For versions of HTTP that define a Link header, user agents should handle these headers exactly as LINK elements in the document. HTTP 1.1 as defined by [RFC2616] does not include a Link header field (refer to section 19.6.3).

Tên thẻ cho liên kết trong HTML là gì?

Bạn có thể cho một liên kết một ID trong HTML không?