Tên thẻ và tên thuộc tính không phân biệt chữ hoa chữ thường trong HTML. Mặt khác, các giá trị thuộc tính phân biệt chữ hoa chữ thường

Tất cả tên thẻ và tên thuộc tính trong tài liệu HTML đều được chuyển thành chữ thường ASCII—do đó, không thành vấn đề nếu bạn sử dụng chữ hoa, chữ thường hoặc bất kỳ sự kết hợp nào của cả hai

Như đã nói, chỉ sử dụng chữ thường. Vì vậy, bạn có thể nói rằng, bằng cách này hay cách khác, việc sử dụng tất cả các chữ cái viết thường được giả định nếu tài liệu không khuyến khích

Một ví dụ với Tuyên bố Doctype

Để hiểu cách thức hoạt động của nó, chúng ta hãy xem một trong những thẻ được tranh luận sôi nổi nhất trong HTML5, khai báo doctype

Nếu có một thẻ dẫn bạn và hầu hết người đọc bài đăng này đến đây, thì đó là khai báo loại tài liệu. Bởi vì ngay cả trong các tài liệu tham khảo HTML như Tài liệu MDN, nó được chỉ định bằng chữ in hoa

Bạn có thể khai báo loại tài liệu của tài liệu HTML của mình bằng tất cả các chữ cái viết hoa

Nhưng bạn cũng có thể khai báo loại tài liệu của tài liệu HTML của mình bằng tất cả các chữ cái viết thường, như trường hợp của mẫu HTML5 dành cho người mới bắt đầu phổ biến nhất HTML5 Boilerplate

Bạn thậm chí có thể khai báo nó bằng sự kết hợp giữa chữ hoa và chữ thường

Chạy các tùy chọn này thông qua trình xác thực CSS của W3C và bạn sẽ thấy rằng chúng được coi là mã CSS3 hợp lệ

Bạn nên sử dụng chữ hoa hay chữ thường?

Tôi viết phần đánh dấu HTML của mình bằng tất cả các chữ cái viết thường và mọi nhà phát triển web mà tôi biết cũng vậy. Nhưng, như chúng tôi đã thiết lập, điều đó không có nghĩa là bạn cũng nên

Điều quan trọng nhất về phần đánh dấu HTML của bạn [và toàn bộ mã nguồn của bạn] là giữ cho nó nhất quán. Điều này làm cho nó có thể phát triển và duy trì cho bạn và bất kỳ ai khác chạm vào mã của bạn

Cho dù bạn thích tùy chọn nào hơn, hãy đảm bảo rằng bạn đã thảo luận và đồng ý với các thành viên còn lại trong nhóm của mình, sau đó ghi lại tùy chọn đó trong quy ước/hướng dẫn phong cách viết mã của bạn và tuân thủ nghiêm túc

Tại sao điều này lại quan trọng

Một điều khác cần xem xét là các ngôn ngữ cần tương tác với HTML—cụ thể là Cascading Style Sheets và JavaScript—phân biệt chữ hoa chữ thường

Ví dụ: nếu bạn có đoạn văn sau

Paragraph

Và bạn đã cố gắng nhắm mục tiêu nó bằng quy tắc CSS với bộ chọn chữ thường

#test {
    color: red;
}

Nó sẽ không hoạt động vì bộ chọn tên lớp và id trên CSS phân biệt chữ hoa chữ thường

Vì vậy, để làm cho quy tắc CSS của bạn hoạt động, bạn sẽ phải cấu trúc lại bộ chọn của nó để tôn trọng cách viết hoa giá trị của thuộc tính #id trong phần đánh dấu HTML

#Test {
    color: red;
}

Điều tương tự cũng áp dụng cho mã JavaScript của bạn. JavaScript là ngôn ngữ phân biệt chữ hoa chữ thường và một số phương thức trong JavaScript sử dụng bộ chọn CSS, cũng phân biệt chữ hoa chữ thường, để truy vấn các phần tử HTML

Vì vậy, bạn giữ đánh dấu HTML của mình càng chuẩn thì càng tốt. Còn một lý do khác để giữ các chữ cái viết thường cho tên thẻ và tên thuộc tính của bạn

Độ phân biệt chữ hoa chữ thường của HTML phụ thuộc vào phiên bản HTML và trình phân tích cú pháp tài liệu mà bạn đã sử dụng để xử lý tệp

Đối với HTML5, các thẻ HTML và tên thuộc tính không phân biệt chữ hoa chữ thường, điều đó có nghĩa là bạn có thể kết hợp các trường hợp

Các trình duyệt hiện đại như Google Chrome và Mozilla Firefox sẽ tự động phân tích tất cả các thẻ HTML và tên thuộc tính của bạn thành chữ thường

Các ví dụ sau sẽ được phân tích cú pháp chính xác bởi các trình duyệt hiện đại

  Hello World

Khi bạn trộn trường hợp như trong ví dụ sau, trình duyệt sẽ phân tích cú pháp tất cả các thẻ HTML và chuyển chúng thành chữ thường

  Hello World
  

Mặc dù thẻ HTML và tên thuộc tính không phân biệt chữ hoa chữ thường, nhưng giá trị thuộc tính bạn gán cho thẻ lại phân biệt chữ hoa chữ thường

Điều này có nghĩa là id="header" và id="HeaDer" sẽ tạo hai id khác nhau cho các thẻ HTML của bạn

________số 8_______

Quy ước đặt tên cho các giá trị id và class của HTML rất linh hoạt, nhưng quy ước được áp dụng phổ biến nhất như sau

• Các giá trị id của HTML nên sử dụng camelCase theo các tiêu chuẩn JavaScript
• Các giá trị HTML class nên sử dụng

  
    Hello World
    
  
  

  1 theo các tiêu chuẩn CSS

Điều này là do id HTML thường được sử dụng để thao tác JavaScript, trong khi các lớp được sử dụng để tạo kiểu cho các phần tử bằng CSS

Dưới đây là ví dụ về các giá trị id và class được đề xuất

  Hello World

Nói tóm lại, các tài liệu HTML không phân biệt chữ hoa chữ thường ngoại trừ các giá trị thuộc tính, nhưng tiêu chuẩn được chấp nhận cho HTML là sử dụng các chữ cái viết thường vì chúng dễ viết và dễ đọc hơn

Các trình duyệt hiện đại sẽ chuyển đổi các thẻ HTML và tên thuộc tính của bạn thành chữ thường trong quá trình phân tích cú pháp, vì vậy vui lòng sử dụng các chữ cái viết thường

Các thẻ HTML có thể viết hoa không?

Là trường hợp HTML 5

3 loại thẻ HTML là gì?

10 thẻ HTML là gì?