[MUSIC]
Trong bài học trước, tôi đã đề cập đến lớp nav được sử dụng trong Bootstrap để
tạo cấu trúc điều hướng.
Chúng tôi đã khám phá nav navbar đã có trong mô-đun trước đó.
Trong bài giảng này,
chúng ta sẽ khám phá các tab nav và thuốc nav trong một chút chi tiết hơn.
Và bài tập sau này, chúng ta sẽ
xem xét cách chúng ta sử dụng nó để tạo ra một cấu trúc điều hướng cho trang web của chúng ta.
Tab và thuốc cung cấp một cấu trúc điều hướng thú vị cho trang web của chúng tôi.
Chúng sẽ cho phép bạn kèm theo nội dung bên trong trang web của bạn mà
người dùng có thể điều hướng giữa các nội dung mà không cần tải lại
trang web đến một trang web khác.
Vì vậy, nếu bạn có một số lượng nhất định của nội dung được trình bày trong trang web của bạn,
nhưng chỉ muốn hiển thị một phần của nội dung trên trang web của bạn, nhưng
vẫn cung cấp cho người dùng khả năng điều hướng đến các phần khác của nội dung,
sau đó tab và thuốc có thể rất hữu ích cho mục đích này.
Điều gì tốt hơn là chỉ cần đi và xem xét việc sử dụng các tab và
thuốc trong điều hướng?
Xem ví dụ về việc sử dụng các tab trong điều hướng,
bạn sẽ thấy rằng trong trường hợp cụ thể này, bạn có
thông tin Lãnh đạo Công ty trong trang aboutus.html của chúng tôi,
kèm theo bên trong các tab với điều hướng tab được xây dựng trên đầu trang.
Vì vậy, bạn có thể thấy rằng bạn có bốn nhà lãnh đạo công ty khác nhau
đại diện trong tab riêng của họ ở đây.
Và nội dung hiện đang được tiết lộ trên trang web chỉ là
những chi tiết về nhà lãnh đạo công ty đầu tiên.
Vì vậy, nếu bạn muốn chuyển sang người khác, sau đó bạn chỉ cần nhấp vào
tab tương ứng, và sau đó tiết lộ nội dung đó trong trang web của bạn.
Vì vậy, lưu ý rằng chúng tôi không điều hướng đến một trang web khác, nhưng
chúng tôi chỉ đơn giản là tiết lộ nội dung bằng cách sử dụng điều hướng tab này ở đây.
Thay vào đó, trong một số trường hợp, bạn có thể tìm thấy
một dẫn hướng dựa trên cột thực phẩm hữu ích hơn cho mục đích của mình.
Vì vậy, một định vị dựa trên cột trụ hoạt động như thế này.
Vì vậy, bạn vẫn có cùng cấu trúc điều hướng trên đầu trang ở đây, nhưng
thông tin hiện đang được hiển thị sẽ được đánh dấu như một viên thuốc ở đây.
Vì vậy, nếu bạn chuyển sang một phần khác của điều hướng của bạn, hãy chú
ý như thế nào mục cụ thể đó đang được đánh dấu trong trang web
và thông tin tương ứng được hiển thị trong nội dung tab dưới đây.
Vì vậy, đây là một định hướng dựa trên các cột.
Vì vậy, điều này sử dụng thuốc nav thay vì nav tab cho
các lớp được áp dụng cho các lớp học nav có.
Bây giờ bạn đã thấy một ví dụ về việc sử dụng tab và kéo điều hướng
trong một trang web, tôi chắc chắn rằng bạn đang tò mò muốn biết làm thế nào nó thực sự được xây dựng.
Đó là những gì chúng ta sẽ khám phá trong bài tập tiếp theo.
Vì vậy, chúng tôi sẽ sử dụng điều hướng theo tab và sau đó sử dụng
tab nội dung và tab ngăn để tổ chức nội dung thực tế sẽ được hiển thị trong trang web của chúng tôi.
[ NHẠC]