Liên kết và đường dẫn HTML

Một website có nhiều trang

Trang chủ cần nối tới lịch hoạt động và các mục bên trong. Ta xác định nơi đang đứng và nơi muốn tới rồi viết đường dẫn phù hợp.

Đọc href từ vị trí tệp

Phần tử a tạo liên kết; href chứa địa chỉ đích, phần nằm giữa hai thẻ là nội dung người đọc bấm. Địa chỉ đầy đủ có thể gồm giao thức, tên miền và đường dẫn. Đường dẫn tương đối được giải thích theo vị trí tài liệu/cơ sở URL hiện tại; trong các bài này không đặt base riêng. `lich.html` trỏ tệp cùng thư mục; `anh/bia.png` vào thư mục con; `../index.html` đi lên một cấp; `/hoc/` tính từ gốc website. `#lien-he` trỏ vị trí mang id tương ứng trong cùng trang. Không nhầm đường dẫn web với đường dẫn ổ đĩa riêng trên máy mình.

Nối trang con về trang chủ

Giả sử index.html nằm ở thư mục gốc dự án, còn lich.html nằm trong thư mục pages. Từ pages/lich.html, ta viết: ```html <a href="../index.html">Về trang chủ</a> ``` Hai dấu chấm đưa đường dẫn lên thư mục cha rồi tìm index.html.

Thử vận dụng

Để liên kết tới mục có id="lien-he" trong cùng trang, href là gì?

Alien-he.pngB#lien-heC@lien-heDid=lien-he

Liên kết có nhãn rõ

```html <a href="https://nxbgd.vn/">NXB Giáo dục Việt Nam</a> <h2 id="lien-he">Liên hệ</h2> <a href="#lien-he">Đến phần liên hệ</a> ``` Nhãn cho người đọc biết đích đến. Dùng “Đến phần liên hệ” rõ hơn nhiều liên kết cùng mang chữ “Bấm đây”.

Ví dụ xem cách làm

Tệp index.html và thư mục docs cùng cấp. Viết liên kết từ index.html tới docs/noi-quy.pdf.

Ví dụ xem cách làm

Liên kết mở được trên máy bạn bằng đường dẫn ổ D: có chứng minh khách truy cập website cũng mở được không?

Những điều cần nhớ

Đọc đường dẫn từ vị trí tệp hiện tại; dùng # cho vị trí trong trang. Sau khi chuyển thư mục hoặc xuất bản, thử lại các liên kết.