Phân biệt Quy tắc và Quy ước trong Lập trình Web

Đây là cách nói dân dã, quen thuộc mà mình đặt ra cho các bạn mới bắt đầu làm quen với Lập trình Web để dễ dàng tiếp thu kiến thức hơn. Trong thế giới lập trình, việc phân định rõ hai khái niệm này sẽ giúp bạn làm việc chuyên nghiệp và hiệu quả hơn.

1. Quy tắc (Rules)

Đã là quy tắc thì bắt buộc phải tuân theo. Nếu không tuân theo, trình duyệt sẽ không hiểu mã nguồn của bạn, dẫn đến lỗi hiển thị, lỗi chức năng hoặc mã của bạn hoàn toàn không chạy được.

📜 Quy tắc 1: Mở thẻ thì phải đóng thẻ

Đây là lỗi sơ đẳng nhưng cực kỳ phổ biến. Nguyên tắc vàng là: Viết thẻ mở -> Viết ngay thẻ đóng -> Sau đó mới chèn nội dung vào giữa.

Đừng bao giờ tin vào trí nhớ của mình rằng "lát nữa mình sẽ đóng sau", vì bạn sẽ quên ngay lập tức khi code phức tạp hơn.

Ví dụ Sai:

<p>Chào mừng các bạn đến với <strong>Nền Tảng</p>
<div>Nội dung bị lỗi vì thẻ <strong> chưa được đóng đúng cách</div>

Ví dụ Đúng:

<p>Chào mừng các bạn đến với <strong>Nền Tảng</strong></p>
<div>Nội dung hiển thị chuẩn</div>

📜 Quy tắc 2: Mở thuộc tính thì phải đóng bằng dấu ngoặc

Các giá trị của thuộc tính (attribute) trong thẻ HTML phải luôn được bao quanh bởi dấu ngoặc kép ("") hoặc dấu ngoặc đơn (''). Nếu thiếu, trình duyệt sẽ không thể nhận diện được thuộc tính đó.

Ví dụ Đúng:

<div class="container" id="main-content">
    Nội dung hiển thị chuẩn
</div>

📜 Quy tắc 3: Thà code không chạy, chứ đừng để chạy sai

Vì chạy sai logic (bug logic) thường gây ra hậu quả nghiêm trọng hơn là việc trang web không hiển thị được. Hãy tưởng tượng:

  • Tính toán số lượng, đơn giá, thành tiền bị sai?

  • Xét kết quả học tập nhầm người?

  • Trao nhầm kết quả xét nghiệm máu?

Lời khuyên: Luôn kiểm tra kỹ logic trước khi đưa sản phẩm ra môi trường thực tế.

2. Quy ước (Conventions)

Quy ước thì nên tuân theo. Đây là những "luật ngầm" mà cộng đồng lập trình viên trên thế giới đã thống nhất với nhau.

Nếu bạn tuân theo, công việc sẽ trôi chảy, đồng nghiệp dễ dàng đọc hiểu code của bạn. Nếu bạn không tuân theo, bạn đang tự làm khó chính mình và những người làm việc cùng.

📜 Quy ước 1: Đặt tên trang chủ là index.html

Các máy chủ web (web server) mặc định sẽ tìm file có tên là index.html để hiển thị đầu tiên khi người dùng truy cập vào domain. Nếu bạn đặt tên là trang-chu.html, hệ thống sẽ không tự động nhận diện được, khiến người dùng không thể truy cập vào website của bạn một cách dễ dàng.

📜 Quy ước 2: Đặt tên file/thư mục bằng tiếng Việt không dấu, nối bằng dấu gạch ngang (kebab-case)

Hạn chế tối đa việc sử dụng khoảng trắng hoặc tiếng Việt có dấu trong tên file. Việc sử dụng dấu gạch ngang giúp đường dẫn (URL) thân thiện với công cụ tìm kiếm (SEO) và tránh lỗi khi di chuyển giữa các hệ điều hành khác nhau.

Ví dụ về URL chuyên nghiệp:

  • /khoa-hoc/thiet-ke-web-can-ban

  • /tin-tuc/huong-dan-lap-trinh-html

📜 Quy ước 3: Sử dụng chữ thường cho tên thẻ và thuộc tính

Mặc dù HTML không phân biệt chữ hoa hay chữ thường, nhưng việc viết tất cả bằng chữ thường (lowercase) là tiêu chuẩn bắt buộc trong các ngôn ngữ hiện đại như XHTML hay React/Vue. Điều này giúp mã nguồn trông đồng nhất, gọn gàng và tránh những lỗi khó hiểu khi dự án của bạn mở rộng.

Tiêu chí Quy tắc Quy ước Tính bắt buộc Bắt buộc 100% Nên tuân theo (Best Practice) Hậu quả Lỗi code, không chạy được Khó bảo trì, khó đọc, thiếu chuyên nghiệp