Chương 2-Bài 4. Các Quy tắc và Quy ước nên tuân theo khi lập trình web HTML5 CSS JS

Phân biệt Quy tắc và Quy ước

Đâ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 được dễ hiểu hơn.

Quy tắc

Đã là quy tắc thì bắt buộc tuân theo -> không tuân theo thì code sẽ không chạy hoặc chạy không chính xác (còn tệ hơn là không chạy được code).

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

Đây là lỗi sơ đẳng nhưng cực kỳ nhiều bạn mới (newbie) mắc phải. Nguyên tắc vàng là: Viết thẻ mở xong -> Viết ngay thẻ đóng -> Rồi mới chèn nội dung vào giữa.

Đừng tin vào trí nhớ của mình là "lát nữa mình sẽ đóng sau". Quên ngay đấy!

Ví dụ Sai:

<p>Chào mừng các bạn đến với <strong>Nền Tảng
<div>Nội dung khác...</div>

Ví dụ Đúng:

<p>Chào mừng các bạn đến với <strong>Nền Tảng</strong></p>

📜 Quy tắc 2: Mở thuộc tính thì phải đóng thuộc tính

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 '').

Ví dụ Sai:

<div class="container vidu-sai>
    Nội dung này sẽ bị lỗi hiển thị
</div>

Ví dụ Đúng:

<div class="container vidu-dung">
    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 thì hậu quả còn nặng nề hơn với việc không chạy được chứ c năng. Ví dụ:

• Tính toán số lượng, đơn giá, thành tiền 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?

Quy ước

Quy ước thì nên tuân theo. Vì:

• Nếu tuân theo thì mọi thứ dễ dàng, đỡ mất công suy nghĩ. Thế giới đã thống nhất với nhau quy ước ngầm như vậy, bạn không tuân theo thì không ai chơi. Vậy thôi ;)
• Nếu không tuân theo thì giống với việc tự mua gông đeo vào cổ, tự làm khổ lấy mình~

Quy ước 1: đặt tên cho trang chủ của web là index.html

Thế giới web người ta đã quy định thống nhất, nếu tên trang web là index.html thì sẽ chạy đầu tiên khi người dùng truy cập vào tên miền (domain) của bạn. Nếu bạn viết khác thì, giả sử:

• Đặt tên web là trang-chu.html: lần đầu tiên, khách hàng ghé thăm trang web của bạn, thì làm sao người ta biết bạn đặt tên là trang-chu.html? Ai đoán được bạn đặt tên gì?  Khó quá, người dùng sẽ chọn cách bỏ trang web của bạn không xem nữa.

Quy ước 2: chỉ nên đặt tên thư mục (folder)/tập tin (file) là tiếng việt không dấu, nối nhau bằng dấu "-"

Câu ngược lại là: hạn chế đặt tiếng việt có dấu, có khoảng trắng trong tên thư mục và tập tin. Ví dụ đúng:

• https://nentang.vn/app/edu/khoa-hoc/thiet-ke-lap-trinh-web-frontend/thiet-ke-web-can-ban-html-css-js/lessons/cac-quy-tac-va-quy-uoc-nen-tuan-theo-khi-lap-trinh-web-html5-css-js
• https://vnexpress.net/sap-bay-hacker-nhieu-nguoi-mat-sach-tien-dien-tu-4393293.html
• https://vnexpress.net/messi-nho-thuo-canh-tranh-voi-ronaldo-o-la-liga-4393592.html

Quy ước 3: tất cả tên và từ khóa đều viết chữ thường