Đặt tên class của element trong HTML sao cho phù hợp?
- Báo cáo
- Thêm vào series của tôi
Bài đăng này đã không được cập nhật trong 2 năm
Chào các bạn.
Các bạn có khi nào đau đầu trong chuyện đặt class cho element sao cho hợp lý? Có khi nào bạn rơi vào trường hợp ngồi đần mặt 5ph vẫn không thể nghĩ ra được đặt tên class như nào thì ổn? Thực ra chính mình nhiều khi cũng rơi vào trường hợp như vậy. Bài viết hôm nay mình xin chia sẻ một số kinh nghiệm của bản thân về việc đặt tên class cũng như quy ước đặt class cho các element trong thời gian ngắn nhất, có thể hỗ trợ các bạn nhiều nhất có thể.
Cách đặt tên class trong html
trong số những nguyên do giúp Mid cùng Senior biệt lập cùng với trình độ chuyên môn Junior trong cải tiến và phát triển web cơ bạn dạng đó là Việc viết tên class cho những element của markup làm thế nào để cho gọn, dễ dàng lưu giữ cùng dễ áp dụng.
Bạn đang xem: Cách đặt tên class trong html
Các hình dáng kết cấu section phổ biến?">Các element làm sao đã lộ diện vào ?Đặt thương hiệu class trong section như vậy nào?Kết luận
1. Sử dụng id trong HTML
Thuộc tính id chỉ định một id duy nhất cho một phần tử HTML. Giá trị của thuộc tính id phải là duy nhất trong tài liệu HTML.
Thuộc tính id được sử dụng để trỏ đến một khai báo kiểu cụ thể trong một danh sách kiểu. Nó cũng được JavaScript sử dụng để truy cập và thao tác phần tử với id cụ thể.
Cú pháp của id là: viết ký tự băm [#], theo sau là tên id. Sau đó, xác định các thuộc tính CSS trong dấu ngoặc nhọn {}.
Trong ví dụ sau, chúng ta có phần tử
trỏ đến tên id “myHeader”. Phần tử này sẽ được tạo kiểu theo định nghĩa kiểu #myHeader trong phần đầu:
#myHeader {
background-color: lightblue;
color: black;
padding: 40px;
text-align: center;
}
My Header
My Header
Copy and chạy code
Lưu ý: Tên id là trường hợp nhạy cảm nên hãy đặt tên một cách cận thận
Lưu ý: Tên id phải chứa ít nhất một ký tự và không được chứa khoảng trắng [dấu cách, tab, v.v.].
-->
Tại sao bạn cần đặt tên class?
Mỗi loại element trong website của bạn thường được sử dụng nhiều lần, chẳng hạn ảnh, video hay các đoạn Heading text. Nếu bạn không đặt tên [ở đây là gán class] mà chỉ đơn thuần sử dụng nó như