Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách tạo liên kết dấu trang (bookmark link) trong HTML?

Để tạo liên kết dấu trang (bookmark link) trong HTML, bạn cần tạo dấu trang bằng thuộc tính name của thẻ <a>. Sau đó, thêm liên kết đến dấu trang đó. Dấu trang còn gọi là named anchors (neo đặt tên). Điều này hữu ích để dẫn người đọc đến một phần cụ thể của trang web.

Lưu ý quan trọng: Thuộc tính name của thẻ <a> đã bị loại bỏ trong HTML5. Không nên sử dụng. Thay vào đó, hãy dùng id trên bất kỳ phần tử nào.

Cách tạo liên kết dấu trang (bookmark link) trong HTML?

Ví dụ (cách cũ - không khuyến khích cho HTML5)

Chạy mã sau để tạo liên kết dấu trang trong HTML (cách cũ):

<html>    <head>       <title>HTML Bookmark Link</title>    </head>    <body>       <h1>Tutorials</h1>       <p>          <a href="#z">Learn about Scripting Languages</a>       </p>       <h2>Programming</h2>       <p>Here are the tutorials on Programming.</p>       <h2>Mobile</h2>       <p>Here are the tutorials on App Development</p>       <h2>Design</h2>       <p>Here are the tutorials on Website Designing</p>       <h2>Databases</h2>       <p>Here are the tutorials on Databases.</p>       <h2>Networking</h2>       <p>Here are the tutorials on Networking</p>       <h2>Java Technologies</h2>       <p>Here are the tutorials on Java Technologies.</p>       <h2>Digital Marketing</h2>       <p>Here are the tutorials on Digital Marketing.</p>       <h2>          <a name="z">Scripting Languages</a>       </h2>       <p>Here are the tutorials on Scripting Languages.</p>    </body> </html>

Cách hiện đại (HTML5): Dùng id thay vì name:

<h2 id="scripting">Scripting Languages</h2>
<a href="#scripting">Go to Scripting Languages</a>