Bài 5: Phân biệt class và id trong html và css

1

Sau khi tìm hiểu các thêm định dạng css vào các thẻ html, chúng ta sẽ tìm hiểu cách phân biệt class và id cũng như công dụng của chúng trong việc kiểm soát và đinh danh các thẻ html. Giúp cho việc code html và css dễ kiểm tra, chỉnh sửa hơn.

Video – Phân biệt class và id

Hướng dẫn chi tiết

Công dụng của của Class và ID

+ phân biệt các thẻ giống nhau cùng h1, nhưng định dạng khác nhau.

+ định dạng cho nhiều thẻ khác nhau, tạo ra định dạng theo ý mình. Thẻ h1, h2,h3 cùng một định dạng

Cách dùng class và id:

+ Trong file trong html:  <p class=”doan” </p>

Trong file css: dùng dấu chấm cho classdấu # cho id

+ Khai báo : tên thẻ . tên class tên class không bắt đầu bằng số

p.doan{color:#FFFFFF} -> định dạng cho tất cả thẻ p có khai báo class=”doan”

+ Khai báo: .tên class

Nếu khai báo .doan{color:#FFFFFF} -> định dạng cho bất kỳ thẻ nào có khao báo class=”doan”.

Lưu ý: việc dùng class và id cũng ảnh hưởng đến SEO, thứ hạng trên công cụ tìm kiếm của trang web. Vì vậy, cần dùng class và id thật chuẩn.

ID dùng một lần: các thẻ html chỉ xuất hiện một lần sẽ được gắn id.

+ Class dùng nhiều lần: các thẻ giống nhau sẽ dùng class.

Ngoài ra, ngôn ngữ Javascript cũng sử dụng ID của thẻ html để đinh danh. Do đó, để tránh trường hợp bị lỗi đụng script ( lỗi khi các thẻ html giống id chạy cùng lúc), các thẻ html cần có id khác nhau.

Code mẫu trong bài viết: tải về

Nếu có thắc mắc, đặt câu hỏi bằng cách comment bên dưới, qua email, hoặc nhắn tin qua Fanpage Góc làm web.

Đừng quên LikeShare nếu thấy bài viết thú vị.

Liên hệ

  1. nam nguyen nói

    tks ad nhé

Để lại một trả lời

Địa chỉ email của bạn sẽ không được công bố.