Bạn có mắc phải những sai lầm khi viết mã HTML này không?

Nếu bạn là nhà phát triển trang web, bạn luôn tận dụng Mã HTML nhưng đôi khi bạn phải đối mặt với những sai lầm mã hóa đơn giản. Cả lập trình viên có kỹ năng và người học đều mắc lỗi trong quá trình viết mã HTML của họ do sự chú ý hoặc thiếu kinh nghiệm.

Mã sạch thực sự quan trọng vì nó không chỉ giúp bạn trở thành nhà phát triển web thành thạo mà còn tiết kiệm thời gian của bạn vì bạn không cần phải chỉnh sửa mã sau này.

Nếu trang web của bạn có mã sạch, có nghĩa là mã html của bạn giữ cấu hình do World Wide Web Consortium chỉ ra, duy trì tiêu chuẩn mà các trang web dựa trên internet tuân theo, điều đó cũng sẽ giúp tăng xếp hạng trang web của bạn trong Google.

Sẽ luôn hữu ích nếu bạn cẩn thận ngay từ đầu cũng như xem xét lại tác phẩm của mình trước khi đăng.

Tín dụng hình ảnh:Flickr

Dưới đây là một danh sách các lỗi viết mã HTML phổ biến nhất mà chúng ta thường làm và gặp phải.

1) LOẠI TÀI LIỆU bị thiếu hoặc không phù hợp

DOCTYPE hoặc Định nghĩa loại tài liệu (DTD) cho phép trình duyệt web của bạn xác định phiên bản HTML mà trang web của bạn đang sử dụng. Mã HTML phải luôn bắt đầu bằng DOCTYPE vì nó quy định các quy tắc cho một phiên bản HTML cụ thể.

Bạn nên cẩn thận khi nhập DOCTYPE, vì nó phân biệt chữ hoa chữ thường và DOCTYPE khác đề cập đến phiên bản HTML khác nhau. Xem video này: Làm cách nào để đảm bảo mã HTML của tôi không có lỗi?

 

2) HTML được định dạng không chính xác

Lỗi phổ biến nhất khi viết mã HTML là định dạng nó không chính xác, chẳng hạn như thiếu thẻ đóng, bỏ qua dấu ngoặc kép cho các giá trị thuộc tính và lồng các thẻ không phù hợp.

Thông thường hầu hết các Thẻ HTML có cả thẻ mở và thẻ đóng cho ví dụ cũng như . Nếu một thẻ bao quanh bất kỳ nội dung nào, thì thẻ đó sẽ được đóng lại, mặc dù có một số ngoại lệ, như nhưng bạn nên đóng thẻ đó lại vì nó sẽ giúp bạn chỉnh sửa Tài liệu HTML dễ dàng hơn.

Tốt hơn hết là đặt dấu ngoặc kép xung quanh các giá trị, mặc dù không bắt buộc trong phiên bản HTML cũ hơn, nhưng các phiên bản mới nhất thì cần. Đóng thẻ đúng cách cũng là một phần rất quan trọng của Mã HTML và nó phải được kết thúc theo hướng ngược lại với hướng mà nó đã được mở.

3) Các thuộc tính hoặc thẻ không được hỗ trợ

Đôi khi mọi người có xu hướng sử dụng các mã như hoặc đó không phải là một phần của Tiêu chuẩn HTML. Một lần nữa, nhiều người sử dụng các thuộc tính không phù hợp, chẳng hạn như thẻ làm thay đổi kích thước của lề trong , ví dụ. Các phiên bản khác nhau của HTML hỗ trợ các loại thuộc tính và thẻ khác nhau.

Nếu bạn muốn chắc chắn thuộc tính nào tương thích với phiên bản bạn đang sử dụng, bạn phải xác thực HTML của mình bằng HTML Validator.

4) Mã hóa ký tự nhìn ra

Mỗi bộ ký tự có một mã cụ thể cho nó và mã cho trình duyệt web biết bộ ký tự nào đang được sử dụng trong trang web. Do đó, một trang web bao gồm các ký tự tiếng Anh sẽ sở hữu một bộ ký tự khác với bộ ký tự tiếng Trung hoặc tiếng Pháp.

Kết quả là, mã hóa ký tự sẽ gợi ý cho trình duyệt web loại thông tin cần đọc và hiển thị. Trong trường hợp của hầu hết các trang web tiếng Anh, mã hóa ký tự windows-1252 và ISO-8859-1 ký tự tiếng Anh định hình.

5) Sử dụng nhiều ngắt dòng

Không thích hợp để sử dụng thẻ ngắt dòng để chèn khoảng cách giữa các dòng, vì điều này phải được sử dụng nghiêm ngặt để chỉ thêm một dấu ngắt dòng duy nhất và không tạo ra các đoạn văn và khoảng cách giữa các phần tử. Cách đúng để sử dụng ngắt dòng là: Đây là một dòng Đây là một dòng khác Thay vì: Đây là một dòng Đây là một dòng khác.

6) Sử dụng bảng không phù hợp

Các bảng thường dẫn đến mã hóa HTML sai và nó vì hầu hết các trình duyệt không hiển thị thông báo lỗi nếu các bảng được mã hóa không phù hợp, nên việc làm như vậy khá dễ dàng. Tuy nhiên, các công nghệ hỗ trợ thực sự nghiêm khắc về cấu trúc bảng chính xác. Sau đây là những lỗi bảng phổ biến nhất mà chúng ta thường làm:

• Không kết thúc , hoặc hoặc kết thúc chúng không chính xác
• Bao bọc các hàng hoặc ô trong bảng bằng các thẻ được sử dụng để định dạng văn bản.
• Trong mỗi hàng, tạo bảng với số lượng ô khác nhau.
• Tạo bảng trong các phần tử nội tuyến, như - hoặc

7) URL được định dạng không đúng

Đôi khi, đôi khi bạn có thể nhìn thấy các từ được liên kết và / hoặc hình ảnh nhưng những người khác thì không. Bạn cần đảm bảo rằng trong URL không có Tên đường dẫn loại DOS, như C: \ image, nếu không, bất kỳ ai theo liên kết sẽ nhận được Lỗi Không tìm thấy Tài liệu 404. Một lần nữa, luôn cần sử dụng dấu gạch chéo lên (/) chứ không phải dấu gạch chéo ngược (\), ngay cả khi một số phần mềm máy chủ thừa nhận cả hai, tốt hơn hết là duy trì các tiêu chuẩn. Trong trường hợp liên kết, tiện ích mở rộng có thể là một vấn đề. Trong khi thử nghiệm một tệp có tên mywebpage.htm có thể hoạt động hoàn hảo nhưng những gì máy chủ cần là- mywebpage.html.

8) Nhìn ra

Điều quan trọng đối với bất kỳ JavaScript nào xuất ra dữ liệu hoặc thực hiện một chức năng phải có , cung cấp một thẻ thay thế hoặc mô tả về những gì JavaScript làm.

9) Sử dụng để in đậm và

Về mặt ngữ nghĩa, nó không chính xác để sử dụng tương ứng cho các văn bản in nghiêng và in đậm. Vì mục đích này, nên sử dụng các thuộc tính CSS cho font-style và font-weight và nếu bạn phải sử dụng các kiểu trong chính tài liệu, thì tốt hơn là sử dụng và làm cho các văn bản in nghiêng và in đậm.

10) Thiếu thuộc tính alt trong trường hợp thẻ hình ảnh

Các thẻ hình ảnh cần có thuộc tính alt, vì nó giải thích ngữ cảnh của hình ảnh. Nếu bạn sử dụng thuộc tính alt, trình thu thập thông tin web sẽ phân loại nội dung tốt hơn và nó cũng tạo điều kiện cho người dùng quyết định xem hình ảnh có quan trọng hay không.

Danh sách này có thể tiếp tục mãi mãi nhưng tất cả những điểm này đủ để khiến bạn nhận ra bạn nên cẩn thận điều gì khi sử dụng mã HTML.

Bạn cũng nên xác thực trang của mình để làm quen với các lỗi mã hóa HTML mà bạn đang mắc phải, để bạn có thể dễ dàng tránh những lỗi đó để có mã hóa sạch.

Bạn đã mắc phải những sai lầm nào khi viết blog