HTML cung cấp nhiều thành ngữ xuất bản thông thường cho văn bản đa dạng thức và tài liệu có cấu trúc, nhưng điểm khác biệt của 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ó dành cho siêu văn bản và tài liệu tương tác. Phần này giới thiệu liên kết (hay siêu liên kết, hay liên kết Web), cấu trúc siêu văn bản cơ bản. Liên kết là một kết nối từ tài nguyên Web này sang tài nguyên Web khác. Mặc dù là một khái niệm đơn giản, nhưng 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 Show
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 tại điểm neo "nguồn" và trỏ đến điểm neo "đích", có thể là bất kỳ tài nguyên Web nào (e. g. , hình ảnh, video clip, âm thanh, chương trình, tài liệu HTML, thành phần trong tài liệu HTML, v.v. ) 12. 1. 1 Truy cập tài nguyên được liên kếtHành vi mặc định được liên kết với một liên kết là truy xuất một tài nguyên Web khác. Hành vi này phổ biến và hoàn toàn thu được bằng cách chọn liên kết (e. g. , bằng cách nhấp chuột, thông qua nhập liệu bàn phím, v.v. ) Đoạn trích HTML sau đây chứa hai liên kết, một liên kết có điểm neo đích là một tài liệu HTML có tên "chương 2. html" và cái còn lại có anchor đích là ảnh GIF trong tệp "forest. gif" ...some text... Bằng cách kích hoạt các liên kết này (bằng cách nhấp chuột, thông qua nhập liệu bàn phím, khẩu lệnh, 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 trong mỗi neo nguồn chỉ định địa chỉ của neo đích bằng URI Điểm neo của một liên kết có thể là một thành phần trong tài liệu HTML. Điểm neo đích phải được đặt tên cho điểm neo và bất kỳ URI nào giải quyết điểm neo này phải bao gồm tên như của nó Điểm neo trong tài liệu HTML có thể được chỉ định bởi phần tử (đặt tên cho nó bằng thuộc tính) hoặc bởi bất kỳ phần tử nào khác (đặt tên bằng thuộc tính) Do đó, ví dụ, một tác giả có thể tạo một mục lục có các mục liên kết với các phần tử tiêu đề, v.v. , trong cùng một tài liệu. Sử dụng phần tử để tạo các điểm neo đích, chúng ta sẽ viết Table of Contents Chúng tôi có thể đạt được hiệu ứng tương tự bằng cách biến các phần tử tiêu đề thành các điểm neo Table of Contents Cho đến nay, cách 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, tác giả có thể chèn các liên kết trong 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 chứ không 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 chỉ định trong liên kết nguồn của chúng Vai trò của một liên kết được xác định bởi hoặc được chỉ định thông qua các thuộc tính và Chẳng hạn, các liên kết được xác định bởi phần tử có thể mô tả vị trí của tài liệu trong một loạt tài liệu. Trong đoạn trích sau đây, các liên kết trong tài liệu có tiêu đề "Chương 5" trỏ đến các chương trước và tiếp theo ...other head information... Chapter 5 Loại liên kết của liên kết đầu tiên là "trước" và của liên kết thứ hai là "tiếp theo" (hai trong số một số được công nhận). Các liên kết được chỉ định bởi không được hiển thị cùng 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 các cách khác (e. g. , làm công cụ điều hướng) 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 hiểu theo những cách thú vị. Ví dụ: một tác nhân người dùng in một loạt tài liệu HTML dưới dạng một tài liệu có thể sử dụng thông tin liên kết này làm cơ sở để tạo thành một tài liệu tuyến tính nhất quán. Thông tin thêm được đưa ra dưới đây về việc sử dụng 12. 1. 3 Chỉ định neo và liên kếtMặc dù một số thành phần và thuộc tính HTML tạo liên kết đến các tài nguyên khác (e. g. , phần tử, phần tử, v.v. ), chương này thảo luận về các liên kết và neo được tạo bởi các phần tử và. Phần tử chỉ có thể xuất hiện trong phần đầu của tài liệu. Phần tử chỉ có thể xuất hiện trong phần thân Khi thuộc tính của phần tử được đặt, phần tử xác định một neo nguồn cho một liên kết có thể được kích hoạt bởi người dùng để truy xuất tài nguyên Web. Điểm neo nguồn là vị trí của cá thể và điểm neo đích là tài nguyên Web Tài nguyên đã 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. Vì phần tử có nội dung (văn bản, hình ảnh, v.v. ), 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 (e. g. , bằng cách gạch chân nội dung) Khi các thuộc tính hoặc của phần tử được đặt, phần tử xác định một điểm neo có thể là đích đến của các liên kết khác Tác giả có thể đặt đồng thời các thuộc tính và trong cùng một trường hợp Phần 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ù không có nội dung nhưng các mối quan hệ mà nó xác định có thể được hiển thị bởi một số tác nhân người dùng Thuộc tính có thể được đặt cho cả hai và để thêm thông tin về bản chất của liên kết. Thông tin này có thể được nói bởi tác nhân người dùng, được hiển thị dưới dạng mẹo công cụ, gây ra thay đổi trong hình ảnh con trỏ, v.v. Do đó, chúng tôi có thể tăng a bằng cách cung cấp tiêu đề cho mỗi liên kết ...some text... Vì các liên kết có thể trỏ đến các tài liệu được mã hóa bằng các phần tử và hỗ trợ thuộc tính. Thuộc tính này cho phép tác giả tư vấn cho 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 cung cấp cho 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 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 phần tử Được trang bị kiến thức bổ sung này, các tác nhân 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 đúng tài liệu hoặc nếu họ không thể định vị các tài nguyên đó thì ít nhất họ nên cảnh báo người dùng rằng tài liệu sẽ không đọc được và giải thích nguyên nhân. thẻ bắt đầu. bắt buộc, Thẻ kết thúc. yêu cầu định nghĩa thuộc tính name = Thuộc tính này đặt tên cho neo hiện tại để nó có thể là đích đến của một liên kết khác. Giá trị của thuộc tính này phải là một tên neo duy nhất. Phạm vi của tên này là tài liệu hiện tại. Lưu ý rằng thuộc tính này chia sẻ cùng một không gian tên với thuộc tính. href = Thuộc tính này chỉ định vị trí của tài nguyên Web, do đó xác định liên kết giữa phần tử hiện tại (điểm neo nguồn) và điểm neo đích được xác định bởi thuộc tính này. hreflang = Thuộc tính này chỉ định ngôn ngữ cơ sở của tài nguyên được chỉ định và chỉ có thể được sử dụng khi được chỉ định. type = Thuộc tính này đưa ra gợi ý tư vấn về loại nội dung của nội dung có sẵn tại địa chỉ mục tiêu liên kết. Nó cho phép các tác nhân người dùng chọn sử dụng cơ chế dự phòng thay vì tìm nạp nội dung nếu họ được thông báo rằng họ sẽ nhận nội dung ở loại nội dung mà họ không hỗ trợ. Các tác giả sử dụng thuộc tính này chịu trách nhiệm quản lý rủi ro rằng nó có thể trở nên không phù hợp với nội dung có sẵn tại địa chỉ mục tiêu liên kết. Để biết danh sách các loại nội dung đã đăng ký hiện tại, vui lòng tham khảo. rel = Thuộc tính này mô tả mối quan hệ từ tài liệu hiện tại đến anchor được chỉ định bởi thuộc tính. Giá trị của thuộc tính này là danh sách các loại liên kết được phân tách bằng dấu cách. rev = Thuộc tính này được sử dụng để mô tả từ điểm neo được chỉ định bởi thuộc tính đến tài liệu hiện tại. Giá trị của thuộc tính này là danh sách các loại liên kết được phân tách bằng dấu cách. bộ ký tự = Thuộc tính này chỉ định mã hóa ký tự của tài nguyên được chỉ định bởi liên kết. Vui lòng tham khảo phần về mã hóa ký tự để biết thêm chi tiếtCác thuộc tính được xác định ở nơi khác Mỗi phần tử xác định một neo
Tác giả cũng có thể tạo một phần tử chỉ định không có ký tự neo, tôi. e. , điều đó không chỉ định , , hoặc. Giá trị cho các thuộc tính này có thể được đặt sau đó thông qua tập lệnh Trong ví dụ sau, phần tử xác định một liên kết. Anchor nguồn là văn bản "W3C Web site" và anchor đích là "http. //www. w3. tổ chức/" For more information about W3C, please consult the W3C Web site. Liên kết này chỉ định trang chủ của World Wide Web Consortium. 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à tài liệu HTML 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, đảo ngược video, 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 đã truy cập liên kết hay chưa. Một kết xuất trực quan có thể có của liên kết trước đó có thể là For more information about W3C, please consult the W3C Web site. ~~~~~~~~~~~~ Để thông báo rõ ràng cho tác nhân người dùng mã hóa ký tự của trang đích là gì, hãy đặt thuộc tính For more information about W3C, please consult the W3C Web site Giả sử chúng ta định nghĩa một mỏ neo có tên là "anchor-one" trong tệp "one. html" ________số 8_______Điều này tạo ra một neo xung quanh văn bản "Đây là vị trí của một neo. ". Thông thường, nội dung củ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 neo Sau khi xác định điểm 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 tài liệu khác. Các URI chỉ định các liên kết chứa ký tự "#" theo sau là tên liên kết (phần ). Dưới đây là một số ví dụ về các URI như vậy
Do đó, một liên kết được xác định trong tệp "hai. 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ử trong ví dụ sau chỉ định một liên kết (với ) và đồng thời tạo một neo có tên (với ) Table of Contents0 Ví dụ này chứa liên kết đến một loại tài nguyên Web khác (hình ảnh PNG). Việc 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 định cấu hình để làm như vậy) Ghi chú. Tác nhân người dùng có thể tìm thấy các neo được tạo bởi các phần tử trống, nhưng một số không làm được như vậy. Ví dụ: một số tác nhân người dùng có thể không tìm thấy "neo trống" trong đoạn HTML sau Table of Contents1 Tên neo là giá trị của thuộc tính hoặc khi được sử dụng trong ngữ cảnh của neo. Tên neo phải tuân thủ các quy tắc sau
Do đó, ví dụ sau là đúng đối với khớp chuỗi và phải được coi là khớp bởi tác nhân người dùng Table of Contents2 VÍ DỤ BẤT HỢP PHÁP Table of Contents3 Mặc dù đoạn trích sau đây là HTML hợp pháp, hành vi của tác nhân người dùng không được xác định; Table of Contents2 Tên neo nên đượ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 liên kết và neo được xác định bởi phần tử không được lồng vào nhau; Vì DTD xác định phần tử trống nên các phần tử có thể không được lồng vào nhau Thuộc tính có thể được sử dụng để tạo một ký tự neo ở thẻ bắt đầu của bất kỳ phần tử nào (bao gồm cả phần tử) Ví dụ này minh họa việc sử dụng thuộc tính để định vị một điểm neo trong một phần tử. Neo được liên kết với thông qua phần tử Table of Contents5 Ví dụ sau đặt tên cho một điểm neo với thuộc tính Table of Contents6 Các thuộc tính và chia sẻ cùng một không gian tên. Điều này có nghĩa là cả hai không thể xác định một neo có cùng tên trong cùng một tài liệu. Cho phép sử dụng cả hai thuộc tính để chỉ định mã định danh duy nhất của một phần tử cho các phần tử sau. , , , , , , và. 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 VÍ DỤ BẤT HỢP PHÁP Table of Contents7 Ví dụ sau minh họa điều đó và 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 Contents8 Do đặc điểm kỹ thuật của nó trong HTML DTD, thuộc tính có thể chứa. Do đó, giá trị Dürst là một giá trị thuộc tính hợp lệ, cũng như Dürst. Mặt khác, thuộc tính có thể không chứa tham chiếu ký tự Sử dụng hay ?
Tham chiếu đến một tài nguyên không khả dụng hoặc không xác định được là một lỗi. Mặc dù tác nhân người dùng có thể khác nhau về cách họ xử lý lỗi như vậy, chúng tôi khuyên bạn nên thực hiện hành vi sau
12. 3 Mối quan hệ tài liệu. phần tử LIÊN KẾTthẻ bắt đầu. bắt buộc, Thẻ kết thúc. cấm Các thuộc tính được xác định ở nơi khác Phần tử này xác định một liên kết. Không giống như , nó chỉ có thể xuất hiện trong phần của tài liệu, mặc dù nó có thể xuất hiện nhiều lần. Mặc dù không có nội dung, nhưng nó truyền tải thông tin về 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 (e. g. , một thanh công cụ với menu thả xuống gồm các liên kết) Ví dụ này minh họa cách một số định nghĩa có thể xuất hiện trong phần của tài liệu. Tài liệu hiện tại là "Chương 2. html". Thuộc tính 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 trên Table of Contents9 Thuộc tính và đóng vai trò bổ sung -- thuộc tính chỉ định liên kết xuôi và thuộc tính chỉ định liên kết ngược Xét hai văn bản A và B Table of Contents0 Có ý nghĩa hoàn toàn giống như Table of Contents1 Cả hai thuộc tính có thể được chỉ định đồng thời Khi phần tử liên kết biểu định kiểu bên ngoài với tài liệu, thuộc tính chỉ định ngôn ngữ biểu định kiểu và thuộc tính chỉ định phương tiện kết xuất hoặc phương tiện dự định. Tác nhân người dùng có thể tiết kiệm thời gian bằng cách chỉ truy xuất từ mạng những biểu định kiểu áp dụng cho thiết bị hiện tại được thảo luận thêm trong phần về biểu định kiểu Các tác giả có thể sử dụng phần tử này để cung cấp nhiều loại thông tin cho các công cụ tìm kiếm, bao gồm
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 của các công cụ tìm kiếm Trong ví dụ sau, chúng tôi sử dụng thuộc tính để cho các công cụ tìm kiếm biết nơi tìm các phiên bản tiếng Hà Lan, tiếng 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 cho hướng dẫn sử dụng tiếng Ả Rập. Cũng lưu ý việc sử dụng thuộc tính để chỉ ra rằng giá trị của thuộc tính cho phần tử chỉ định sách hướng dẫn tiếng Pháp bằng tiếng Pháp Table of Contents2 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 sách hướng dẫn Table of Contents3 Trong ví dụ sau, chúng tôi cho các công cụ tìm kiếm biết nơi tìm trang đầu tiên của một bộ sưu tập tài liệu Table of Contents4 Thông tin thêm được đưa ra trong các ghi chú trong phụ lục về 12. 4 Thông tin đường dẫn. phần tử CƠ SỞTable of Contents5 thẻ bắt đầu. bắt buộc, Thẻ kết thúc. cấm định nghĩa thuộc tính href = Thuộc tính này chỉ định một URI tuyệt đối đóng vai trò là URI cơ sở để giải quyết các URI tương đốiCác thuộc tính được xác định ở nơi khác Trong HTML, liên kết và tham chiếu đến hình ảnh bên ngoài, applet, chương trình xử lý biểu mẫu, biểu định kiểu, v.v. luôn được chỉ định bởi một URI. Các URI tương đối theo một URI cơ sở, có thể đến từ nhiều nguồn khác nhau. Phần tử cho phép tác giả chỉ định rõ ràng URI cơ sở của tài liệu Khi có mặt, phần tử phải xuất hiện trong phần của tài liệu HTML, trước bất kỳ phần tử nào đề cập đến nguồn bên ngoài. Thông tin đường dẫn được chỉ định bởi phần tử chỉ ảnh hưởng đến các URI trong tài liệu nơi phần tử xuất hiện Ví dụ: đưa ra khai báo và khai báo sau Table of Contents6 URI tương đối ". /lồng/chim. gif" sẽ giải quyết thành Table of Contents7 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 , phần 3. Phần sau đây mô tả cách áp dụng cụ thể cho HTML Tác nhân người dùng phải tính toán URI cơ sở theo các ưu tiên sau (mức độ ưu tiên cao nhất đến thấp nhất)
Ngoài ra, các phần tử và xác định các thuộc tính được ưu tiên hơn giá trị do phần tử đặt. Vui lòng tham khảo định nghĩa của các thành phần này để biết thêm thông tin về các vấn đề URI cụ thể đối với chúng Ghi chú. Đối với các phiên bản HTTP xác định tiêu đề Liên kết, tác nhân người dùng phải xử lý các tiêu đề này chính xác như các thành phần trong tài liệu. HTTP1. 1 như được định nghĩa bởi không bao gồm trường tiêu đề Liên kết (tham khảo phần 19. 6. 3) Làm cách nào để lấy ID của một URL trong php?sử dụng php. $id = $_GET['id']; sau đó bạn có thể sử dụng $id cho phần còn lại của trang.
Làm cách nào để chuyển id qua liên kết trong php?php $user = 'gốc';
Liệu một href có ID?Liên kết neo có thể có mã định danh phân đoạn làm giá trị của thuộc tính href . Mã định danh đoạn này phải bắt đầu bằng dấu thăng (#). Khi được kích hoạt, liên kết này sẽ chuyển đến bất kỳ thành phần HTML nào có id của giá trị này. Tất cả các ID trên một trang phải là duy nhất.
Làm cách nào để lấy dữ liệu từ URL trong php?Các tham số từ một chuỗi URL có thể được truy xuất trong PHP bằng cách sử dụng các hàm parse_url() và parse_str() . |