Có những lỗi có thể bạn sẽ không bao giờ nhận ra nếu bạn không kiểm tra lại code sau khi code.
Mục lục
Quên đóng thẻ
Chúng ta không thể bắt đầu danh sách này mà không nhắc đến kẻ thù số một của những người đang code HTML: Quên đóng thẻ! Có ai đó đã từng nói rằng: “Một thẻ mở không bao giờ đi một mình”. Hãy luôn nhớ đóng thẻ của bạn, nhé!
Trong một vài trường hợp, việc quên đóng tag không làm ảnh hưởng đến layout khi bạn hoàn thành xong công việc. Tuy nhiên, nó sẽ gây nhiều khó khăn cho việc bảo trì sau này.
Thuộc tính không hợp lệ
Đôi khi, có thể bạn vô tình lồng thẻ div trong một thẻ h1 cũng gây lỗi. Việc lồng các tag không đúng quy chuẩn sẽ gây ra những lỗi không mong muốn. Vì vậy, bạn cần nắm rõ quy tắc HTML lồng nhau như thế nào.
Thẻ không cần thiết
Đôi lúc, lồng thẻ HTML một cách vô tổ chức sẽ gây nhiều khó khăn cho việc bảo trì code cũng như sửa chữa sau này. Nếu bạn thêm tag mà không cần lí do cũng như thẻ đó không có tác dụng gì, nó sẽ gây ra bối rối cho người code khác hoặc chính bạn sau này nhìn vào code của mình cũng không nhớ tại sao tag đó lại được thêm vào.
Quên khai báo DOCTYPE
Quên khai báo DOCTYPE giống như một cuốn sách không có bìa. Máy chủ sẽ không biết cách đọc mã HTML của bạn nếu bạn không nói cho chúng biết loại tài liệu bạn đang sử dụng. Hãy nhớ khai báo DOCTYPE ở đầu trang!
<!DOCTYPE html>
<html>
<head>
<title>Trang web của tôi</title>
</head>
<body>
<h1>Chào mừng đến với trang web của tôi</h1>
<p>Đây là một đoạn văn bản mẫu cho trang web của tôi.</p>
</body>
</html>
Sử dụng ký tự đặc biệt không đúng cách
Ký tự đặc biệt trong HTML cần được viết dưới dạng mã ký tự (entity). Đừng để những kẻ lập dị này gây rối mã HTML của bạn bằng cách sử dụng chúng đúng cách! Thỉnh thoảng, bạn có thể bắt gặp những tình huống khi trong văn bản có dấu ngoặc kép. Nếu bạn tiện tay sử dụng “” như vậy, có thể code của bạn sẽ có lỗi. Vì vậy, để an toàn nhất, hãy sử dụng HTML Entity.
| HTML Entity | Ký tự | Mô tả |
|---|---|---|
< | < | Dấu nhỏ hơn |
> | > | Dấu lớn hơn |
& | & | Dấu và |
" | " | Dấu nháy kép |
' | ' | Dấu nháy đơn |
¢ | ¢ | Giá trị tiền tệ |
£ | £ | Giá trị tiền tệ |
¥ | ¥ | Giá trị tiền tệ |
€ | € | Giá trị tiền tệ |
© | © | Bản quyền |
® | ® | Đăng ký thương hiệu |
™ | ™ | Thương hiệu |
Thiếu thẻ head và body
Đôi khi, mã HTML của bạn sẽ thiếu đi hai bộ phận quan trọng: thẻ head và thẻ body. Hãy chắc chắn rằng mã HTML của bạn có cả hai thẻ này để trang web của bạn hoạt động đúng cách. Hai ông thần này như nóc nhà và trụ cột trong trang web của bạn vậy. Tuyệt đối không được thiếu chúng được
Kết luận
Cuối cùng, hãy nhớ sử dụng HTML Validator nhằm giúp bạn tìm và sửa lỗi trong mã HTML của mình. Nếu mã HTML của bạn “không hoàn hảo”, đừng lo lắng quá nhiều! Hay nhớ, hài lòng với những gì bạn đã làm, và tiếp tục cải thiện từ đó. Chúc bạn vui vẻ và hạnh phúc trong hành trình coding HTML của mình! 🎉