Hướng dẫn sử dụng div id breadcrumb   asp sitemappath năm 2024

Đường dẫn Breadcrumb hay thanh điều hướng là một trong những thành phần quan trọng nhất khi xây dựng website. Cũng như thanh Menu đầu trang, đường dẫn Breadcrumb lúc nào cũng phải có thậm chí có thể không có menu nhưng thanh điều hướng nhất định phải có.

Tác dụng của Breadcrumb giúp điều hướng nhanh các trang liên kết giúp người đọc biết được hiện tại họ đang ở trang nào. Trong một website URL trang chủ là liên kết chính và tất cả các trang khác được gọi là trang liên kết. Ví dụ khi khách truy cập trang B có đường dẫn như sau:

Trang chủ › Trang A › Trang B

Họ sẽ biết Trang B là trang hiện tại được liên kết đến Trang A và Trang A cũng được liên kết đến Trang chính hay Trang chủ.

Khi thêm thanh điều hướng vào Blog cần xác định những loại trang nào cần có và những trang nào không cần thiết. Cụ thể với những trang dưới đây phải có đường dẫn:

• Trang chủ (có thể có hoặc không)
• Trang bài đăng cũ hơn
• Trang lưu trữ
• Trang tìm kiếm label
• Trang tìm kiếm kết quả
• Trang tĩnh
• Trang bài viết

Trong đó Trang bài viết phức tạp nhất liên quan đến 2 yếu tố:

• Tên Label
• Dữ liệu có cấu trúc

Còn các trang còn lại đa số đều sử dụng thẻ dữ liệu văn bản , khi xây dựng tên Label cũng rất quan trọng vì nó liên quan đến đường dẫn. Label là một danh mục không phải từ khóa và label được sắp xếp từ trái qua theo thứ tự bảng chữ cái.

Ví dụ khi viết bài nếu thêm 2 label có tên Du lịch và Châu Á như vậy đường dẫn có dạng sau:

Trang chủ › Châu Á › Du lịch

Như vậy đường dẫn sẽ bị sai và người đọc cũng không hiểu dễ gây nhầm lẫn và đường dẫn đúng phải là

Trang chủ › Du lịch › Du lịch Châu Á

Và khi viết bài thêm 2 label: Du lịch và Du lịch Châu Á, vì đơn giản Du lịch là label chính và Du lịch Châu Á là label con, trong label Du lịch lại có các label con khác như Du lịch Châu Âu, Du lịch Châu Mỹ, Du lịch Châu Phi

Khi áp dụng breadcrumb vào Blog đa số Blog nào cũng được thêm sẵn rồi chỉ là có chính xác hay không và thường dài kết hợp với thẻ nên rất khó định hình là loại trang nào, thay vào đó cứ sử dụng điều kiện ... cho mỗi trang độc lập sẽ dễ hiểu hơn. Áp dụng vào các trang ta có đường dẫn như sau:

    Trang chủ>

    Trang tĩnh, lưu trữ, label, tìm kiếm kết quả>

    Trang bài đăng cũ hơn>