Danh sách phần tử html

Đặt tên lớp trong phần như thế nào?

Việc đặt tên lớp cho phần có thể ảnh hưởng đến các thành phần bên dưới, nên bạn cần lưu ý một số quy tắc để tránh việc đặt tên lớp dẫn đến lớp nhập bị dài và khó nhớ

Các quy tắc đặt tên lớp cho phần hoặc 1 mô-đun

1. Tên rút gọn, không quá 3 từ và cũng không nên chỉ duy nhất 1 từ hoặc 1 chữ cái. Đừng viết tắt. Các trường hợp đặc biệt cần tính đến là phạm vi toàn cầu của mô-đun/phần, ví dụ header,

   0 hay

   1 mà thôi.
   Ví dụ.
   Hợp lý.

   2,

   3,

   4
   Không hợp lý.

   5,

   6,

   7

2. Tên lớp cần phản ánh chức năng hoạt động của mô-đun/phần về mặt kỹ thuật (hơn là loại nội dung). Lý do là ta tổ chức theo hướng tái sử dụng nên việc truyền dữ liệu không quan trọng bằng cách tổ chức hệ thống cục bộ nhất và đáp ứng khả năng hiển thị về mặt kỹ thuật.
   Ví dụ.
   Hợp lý.

   8,

   9,

   0
   Không hợp lý.

   1,

   2,

   3

Hầu hết trong các tình huống ta gặp phải, các mô-đun và lớp sẽ trùng tên nhau để dễ quản lý cả về đánh dấu cấu trúc và kiểu dáng

Bạn có thể tham khảo mẫu demo miễn phí trên Github này của mình để nắm bắt các mô-đun mình tách ra và gọi vào từng trang như thế nào

Kết hợp từ, cụm từ trong đặt tên lớp cho phần

Những từ và cụm từ sau có thể cân nhắc sử dụng và kết hợp

1. Nhóm CTA (có đính kèm 1 nút/liên kết dạng CTA). anh hùng, giới thiệu, chú thích, bản tin
2. Local Group (chia cột). danh sách, lưới, thư viện, khảm, bộ sưu tập, ba phần, bốn phần, chi tiết, hàng
3. Content Group. văn bản, menu, một hình ảnh
4. Group object con. thẻ, vật phẩm, khối
5. Tính năng nhóm. thanh trượt, băng chuyền, tìm kiếm, liên kết xã hội, chia sẻ xã hội, lời chứng thực, tiện ích, đàn accordion, kích hoạt điều hướng

Các gợi ý đặt tên cho phần tử trong

Sau khi đặt tên lớp cho