1. Kiến thức trọng tâm
Liên kết (link) là thành phần giúp người xem di chuyển giữa các trang web hoặc đến các vị trí khác nhau trong cùng một trang. Trong HTML, liên kết được tạo bằng thẻ <a> với thuộc tính href chỉ địa chỉ đích. Có ba loại liên kết thường dùng: liên kết nội bộ (đến trang khác trong cùng trang web), liên kết ngoài (đến trang web khác) và liên kết neo (đến một vị trí trong cùng trang).
Thanh điều hướng (navigation bar) là tập hợp các liên kết chính, thường đặt trong phần đầu trang, giúp người xem di chuyển nhanh giữa các trang. Thanh điều hướng thường được xây dựng bằng thẻ <nav> chứa danh sách các liên kết. Một thanh điều hướng tốt phải ngắn gọn, rõ ràng, liệt kê đủ các trang chính và làm nổi bật trang đang xem.
Khi tạo liên kết, cần chú ý: văn bản liên kết phải mô tả rõ đích đến, tránh dùng những cụm chung chung như "nhấn vào đây". Liên kết ngoài nên mở trong thẻ mới để người xem không bị rời khỏi trang web. Cần kiểm tra định kì để phát hiện liên kết hỏng.
2. Ví dụ minh họa
Tình huống: Tạo thanh điều hướng cho trang web của trường học.
Giải pháp:
<nav>
<ul>
<li><a href="index.html">Trang chủ</a></li>
<li><a href="gioi-thieu.html">Giới thiệu</a></li>
<li><a href="tin-tuc.html">Tin tức</a></li>
<li><a href="lien-he.html">Liên hệ</a></li>
</ul>
</nav>
Kết luận: Đoạn mã trên tạo thanh điều hướng gồm 4 liên kết nội bộ. Dùng CSS để trình bày ngang, tô màu nền và làm nổi bật mục đang được chọn.
3. Ghi nhớ
- Liên kết tạo bằng thẻ
<a>với thuộc tínhhref. - Ba loại liên kết: nội bộ, ngoài, neo.
- Thanh điều hướng dùng thẻ
<nav>, ngắn gọn và rõ ràng. - Văn bản liên kết phải mô tả rõ đích đến; kiểm tra liên kết hỏng định kì.