Breadcrumbs là gì? Cách sử dụng breadcrumbs cho trang web

Breadcrumbs là gì?

Breadcrumbs là một khái niệm về Đường dẫn, là một phần tử điều khiển đồ họa được sử dụng như một trợ giúp điều hướng trong các giao diện người dùng . Nó cho phép người dùng theo dõi vị trí của họ trong các chương trình, tài liệu, hoặc các trang web.

Cách sử dụng breadcrumbs

Một đường dẫn breadcrumb theo dõi và hiển thị mỗi trang được xem bởi một khách truy cập của một trang web, theo thứ tự các trang đã được xem, hoặc hiển thị một phân cấp của trang hiện tại liên quan đến cấu trúc của trang web. Breadcrumbs thường được đặt ở dạng nằm ngang dưới tiêu đề hoặc điều hướng của trang web.

Đường dẫn thường xuất hiện theo chiều ngang trên đầu trang Web, thường nằm dưới thanh tiêu đề hoặc tiêu đề. Họ cung cấp các liên kết quay lại trang mỗi trang mà người dùng đã truy cập thông qua để truy cập vào trang hiện tại hoặc trong các cấu trúc trang thiết kế web có thứ bậc – các trang cha của trang hiện tại. Breadcrumbs cung cấp đường mòn cho người dùng quay trở lại điểm xuất phát hoặc điểm vào. Một dấu hiệu lớn hơn (>) thường dùng làm trình tách phân cấp, mặc dù các nhà thiết kế có thể sử dụng các ký hiệu khác (như là »hoặc>), cũng như các biểu tượng đồ hoạ khác nhau.

Một đường nhỏ hoặc đường dẫn dựa trên lịch sử xem thường được hiển thị như sau: Đã xem trang> Đã xem trang> Đã xem trang> Xem trang> Trang hiện đang được xem.

Ví dụ: trong trường hợp này, khách truy cập trang web xem bảy trang (lưu ý cách trang được theo dõi theo thứ tự người dùng xem): Trang chủ> Dịch vụ> Giới thiệu> Trang chủ> Bản tin mới nhất> Trang chủ> Trang đang được xem

Các mẩu bread điển hình theo cấu trúc phân cấp được thể hiện như sau: Trang chủ> Trang mục> Trang phụ

Có ba loại mẩu bread trên web:

  • Vị trí : vị trí đường dẫn là tĩnh và hiển thị vị trí trang nằm trong phân cấp trang web.
  • Thuộc tính : gắn kết đường dẫn cho thông tin phân loại trang hiện tại.
  • Đường dẫn : Đường dẫn đường dẫn cho người dùng thấy các bước họ đã thực hiện để kết thúc trên trang hiện tại.

Địa điểm đường dẫn không nhất thiết phải phù hợp với các trang web có nội dung phong phú, các danh mục đơn không mô tả đầy đủ một mẩu nội dung cụ thể. Vì lý do này, một thẻ có thể phù hợp hơn, mặc dù các breadcrumb vẫn có thể được sử dụng để cho phép người dùng lặp lại các bước của họ và xem cách họ đến trang hiện tại.

Một số nhà bình luận và lập trình viên sử dụng thuật ngữ “cookie crumb” như một từ đồng nghĩa để mô tả thiết kế điều hướng.

Đọc thêm:

Leave a Reply

Your email address will not be published. Required fields are marked *