Đặt điểm đích rồi tạo liên kết
```html
<p><a href="#lich">Đến bảng lịch</a></p>
<table id="lich">
<caption>Lịch minh họa</caption>
<tr><th>Nhóm</th><th>Buổi</th></tr>
<tr><td>Đọc sách</td><td>Thứ 2</td></tr>
</table>
```
table nhận `id="lich"`. Liên kết dùng `href="#lich"` để tới vị trí đó trong tài liệu hiện tại. Dấu # thuộc phần tham chiếu của href; không viết id="#lich" cho điểm đích này.
Một id cần duy nhất trong một trang và được gọi đúng tên, kể cả chữ hoa, thường. Nhấn liên kết tới điểm đã ở gần vùng nhìn thấy có thể không tạo ra chuyển động cuộn lớn.
Kết hợp tên tệp và điểm đích
```html
<a href="../thong_tin.html#doc-sach">
Giới thiệu nhóm Đọc sách
</a>
```
Đoạn này nằm ở hoat_dong/lich.html. Phần `../thong_tin.html` xác định tệp ở thư mục cha; `#doc-sach` xác định phần tử có id doc-sach trong **tệp đích**.
Khi chỉ viết #doc-sach, việc tìm đích diễn ra trong trang hiện tại. Đừng dùng dấu # để thay cho cả đường dẫn tới một tệp ở nơi khác.
Kiểm đích, không chỉ kiểm chữ trên thanh địa chỉ
Nếu URL đã có #lich nhưng trang không tới phần cần xem, kiểm phần tử đích có đúng id lich không. Sai tên hoặc thiếu điểm đích có thể vẫn để lại phần # trên URL mà không tới đúng nội dung.
Nếu một id xuất hiện nhiều lần, sửa tên cho duy nhất rồi cập nhật các liên kết tương ứng. Không dựa vào việc trình duyệt chọn được một chỗ để coi cấu trúc id trùng là đúng.
Bài luyện
Với table có id="lich", href nào trỏ đúng điểm đó trong cùng trang?
Đây là tên tệp, không phải mã vị trí trong cùng trang.
Đó không phải cú pháp href tới điểm đích.
Đúng. # mở phần mã định danh của vị trí.
@ không phải dấu chỉ điểm đích của ví dụ.
Lời giải
Điểm đích có id lich. Tham chiếu cùng trang dùng dấu # đứng trước đúng mã ấy, nên href là #lich; tên tệp lich.html là một loại đích khác.
Bài luyện
Ở phần tử đích của ví dụ, id nên viết như thế nào?
Đúng. id nhận tên mã, không gồm dấu # của href.
Tên này khác lich vì có thêm #.
href không thay id của phần tử đích.
Đây là tên id khác, không khớp tham chiếu #lich.
Lời giải
Mã cần đặt cho điểm đích là lich, nên thuộc tính là id="lich". Dấu # được dùng ở href để báo phần vị trí trong tài liệu, không được thêm vào giá trị id của ví dụ.
Bài luyện
Có hai phần tử cùng id="lich" trong một trang. Cách nào phù hợp?
id định danh phần tử, không phải khai báo màu chữ.
Đúng. Cần xác định rõ một điểm đích cho mỗi mã.
Thêm # không giải quyết việc trùng id.
Không cần xóa nội dung để sửa định danh.
Lời giải
Một id cần duy nhất trong trang để xác định điểm đích rõ ràng. Đặt các tên khác nhau và cho mỗi href tham chiếu đúng mã của phần muốn tới.
Bài luyện
Trong ../thong_tin.html#doc-sach ở ví dụ, doc-sach được tìm ở đâu?
Điểm đích được tìm trong tài liệu đã tham chiếu.
Tên tệp đứng trước # đã chỉ sang tài liệu khác.
doc-sach là id, không phải thư mục ở ví dụ.
Đúng. Đường dẫn tìm tệp trước, phần # tìm vị trí trong tệp ấy.
Lời giải
../thong_tin.html đưa tới tệp ở thư mục cha của lich.html. Phần #doc-sach tiếp đó tham chiếu phần tử có id doc-sach trong thong_tin.html, không phải trong trang ban đầu.
Đang học