Khám phá Tùy chọn Liên kết trong HTML5 - núm vú

Các liên kết siêu liên kết, hoặc chỉ đơn giản là , kết nối các trang HTML và các tài nguyên khác trên web. Bạn có thể liên kết trang web của bạn, hoặc các trang trên trang web của bạn với nhiều tài nguyên trực tuyến khác nhau:

• Các trang HTML khác (trên trang web của bạn hoặc trên một trang web khác)

• Các vị trí khác nhau trên cùng một trang HTML

• thậm chí không phải là các trang HTML, chẳng hạn như địa chỉ e-mail, hình ảnh, và các tập tin văn bản hoặc tải cho du khách

Địa điểm liên kết, chú thích và điểm đến có ảnh hưởng lớn đến cách khách truy cập trang web nhận thức được các liên kết. Loại liên kết bạn tạo được xác định bởi những gì bạn liên kết đến và cách thức bạn xây dựng liên kết đánh dấu của bạn.

Liên kết tuyệt đối

An liên kết tuyệt đối sử dụng một URL hoàn chỉnh để kết nối các trình duyệt với trang web hoặc tài nguyên trực tuyến.

Các liên kết sử dụng URL hoàn chỉnh để trỏ đến một tài nguyên được gọi là tuyệt đối vì chúng cung cấp một đường dẫn hoàn chỉnh, độc lập đến một nguồn tài nguyên web khác. Khi bạn liên kết đến một trang trên trang web của người khác, trình duyệt web cần mọi thông tin trong URL để tìm trang đó. Trình duyệt bắt đầu bằng tên miền trong URL và hoạt động theo cách của nó thông qua đường dẫn tới một tệp tin cụ thể.

Khi bạn liên kết đến các tệp trên trang của người khác, bạn phải luôn luôn sử dụng URL tuyệt đối trong thuộc tính href của phần tử anchor. Dưới đây là ví dụ:

// www. trang web . com / / trang .

liên kết tương đối

liên kết tương đối sử dụng một loại viết tắt để chỉ định một URL cho một nguồn mà bạn đang trỏ đến.

Sử dụng các nguyên tắc sau với liên kết tương đối trong các trang HTML của bạn:

• Tạo liên kết tương đối giữa các tài nguyên trong cùng một tên miền.

• Vì cả hai tài nguyên nằm trong cùng một tên miền, bạn có thể bỏ qua thông tin tên miền từ URL.

  URL tương đối sử dụng vị trí của tài nguyên bạn liên kết từ để xác định vị trí của tài nguyên bạn liên kết đến (ví dụ: trang. Html).

Một liên kết tương đối giống như nói với ai đó rằng họ cần phải đi đến Eastside Mall. Nếu người đó đã biết Mall of Eastside ở đâu, anh ta hoặc cô ấy không cần hướng dẫn thêm. Các trình duyệt Web hoạt động theo cùng một cách.

Nếu bạn sử dụng liên kết tương đối trên trang web của mình, liên kết của bạn vẫn hoạt động nếu bạn thay đổi

• Máy chủ.

• Tên miền.

Liên kết đơn giản

Bạn có thể tận dụng các URL tương đối khi tạo một liên kết giữa các trang trên cùng một trang web. Nếu bạn muốn tạo liên kết từ // www. mysite. com / home. html đến // www. mysite. com / about. html, bạn có thể sử dụng URL đơn giản, tương đối này trong một phần tử neo ở nhà.html:

Tìm hiểu thêm về công ty chúng tôi.

Khi trình duyệt thấy liên kết không có tên miền, trình duyệt sẽ giả định rằng liên kết tương đối và sử dụng tên miền và đường dẫn từ trang liên kết để tìm trang được liên kết. Ví dụ trước chỉ hoạt động nếu nhà. html và về. html là trong cùng một thư mục, mặc dù.

Liên kết trang web

Khi trang web của bạn phát triển phức tạp hơn và bạn sắp xếp các tệp của mình vào các thư mục khác nhau, bạn vẫn có thể sử dụng liên kết tương đối. Tuy nhiên, bạn phải cung cấp thêm thông tin trong URL tương đối để giúp trình duyệt tìm các tệp không nằm trong cùng thư mục với tệp mà bạn đang liên kết.

Sử dụng … / (hai dấu chấm và dấu gạch chéo) trước tên tệp để cho biết trình duyệt nên di chuyển lên một cấp trong cấu trúc thư mục.

Đánh dấu cho quá trình điều hướng thư mục này như sau:

Tài liệu home

Chú thích trong phần tử neo này hướng dẫn trình duyệt thực hiện các bước sau:

1. Di chuyển một thư mục từ thư mục tài liệu liên kết lưu trữ tại

2. Tìm một thư mục có tên docs.

3. Bên trong thư mục đó, tìm tập tin được gọi là home. html.

Khi bạn tạo liên kết tương đối, vị trí của tệp đến mà bạn liên kết luôn liên quan đến tệp từ mà bạn liên kết. Khi bạn tạo một URL tương đối, hãy theo dõi đường dẫn mà trình duyệt bắt đầu nếu nó bắt đầu trên trang mà bạn đang liên kết để truy cập vào trang mà bạn đang liên kết. Đường dẫn đó định nghĩa URL bạn cần.