Làm thế nào để tạo các danh sách lồng trong HTML5 - núm vú

Chỉ cần về bất cứ điều gì phù hợp trong một danh sách, từ bộ hướng dẫn đến bộ sưu tập liên kết. Bạn có thể tạo các danh mục phụ bằng danh sách lồng trong danh sách. Một số cách sử dụng phổ biến cho các danh sách lồng nhau bao gồm:

• Bản đồ trang web và các công cụ điều hướng khác

• Các bảng nội dung cho sách và bài báo trực tuyến

• Đường viền

Bạn có thể kết hợp ba loại danh sách để tạo ra < danh sách lồng nhau , như bảng mục lục nhiều cấp hoặc phác thảo kết hợp các tiêu đề được đánh số với mục liệt kê đống như mức thấp nhất của phác thảo.

Ví dụ dưới đây bắt đầu bằng một danh sách được đánh số để xác định danh sách những việc cần thực hiện trong ngày và sử dụng ba danh sách đầu dòng để phân chia các mục đó thành các nhiệm vụ cụ thể:

Các danh sách lồng nhau > Thức ăn cho mèo

Bát bát

Mở thức ăn cho mèo

Trộn thức ăn khô và ướt vào bát

Cho đĩa bạc lên Pixel
Rửa xe
Hút thuốc nội thất
Rửa bên ngoài


Wax ngoại thất


Danh sách
Tới lưu trữ

Tất cả các danh sách lồng nhau đều theo cùng một mẫu đánh dấu:
Mỗi danh sách mục trong danh sách được sắp xếp cấp cao nhất được theo sau bởi một danh sách cấp thứ hai hoàn chỉnh.

Danh sách cấp hai nằm bên trong danh sách cấp cao nhất, không nằm trong danh sách.








Hình này cho thấy trình duyệt phản ánh việc làm tổ này như thế nào trong màn hình hiển thị.
Trong khi bạn xây dựng các danh sách lồng nhau, hãy cẩn thận xem các thẻ mở và đóng. "Đóng đầu tiên những gì bạn mở ra cuối cùng" là một tiên đề quan trọng. Nếu bạn không mở và đóng thẻ đúng cách, các danh sách có thể không sử dụng indent hoặc số hoặc văn bản có thể bị thụt lề không chính xác bởi vì một danh sách ở đâu đó không bao giờ được đóng đúng cách.