11 sai lầm phổ biến về CSS & HTML mà mọi người vẫn mắc phải (Phần 2)

Dưới đây là các khuyến nghị HTML và CSS bổ sung để kiểm tra.

6. Bảng mã cẩn thận

Tốt nhất là tránh các thẻ bảng và sử dụng div có cấu trúc thay thế . Trong số các thủ phạm phổ biến của HTML sai, tôi muốn làm nổi bật các bảng. Mọi người nghĩ rằng các trình duyệt nhắm mắt làm ngơ. Tuy nhiên, khi nói đến các công nghệ hỗ trợ, các bảng được mã hóa không chính xác có thể hủy hoại danh tiếng của bạn. Dưới đây là những lỗi bảng phổ biến nhất mà người dùng mắc phải trong năm 2019:

họ không đóng các thẻ khác và các thẻ khác,
đặt các bảng trong các thành phần nội tuyến,
chèn <td> bên ngoài <tr>,
và tạo các bảng với số lượng ô khác nhau trong một hàng.

>Xem thêm: thiết kế website giá rẻ

7. Mã hóa ký tự bỏ qua

Như tên của điểm nói, lỗi HTML phổ biến tiếp theo đề cập đến mã hóa ký tự bị thiếu . Nói ngắn gọn, bất kể trang web của bạn được tạo ra để làm gì, bất kỳ trang web nào cũng phải xác định bộ ký tự hiện tại của nó. Vấn đề là các bộ này hiển thị các trình duyệt mà bạn sử dụng các ký tự trong trang.

Không cần phải nói, bộ ký tự khác nhau, tùy thuộc vào ngôn ngữ của trang web. Với nó, các trang thiếu tiếng Anh và những trang có chữ Trung Quốc sẽ có các bộ hoàn toàn khác nhau. Nhìn thấy điều đó, bạn không thể bỏ lỡ mã hóa ký tự! Nó giải thích cho các trình duyệt và thiết bị trợ giúp loại dữ liệu nào họ nên đọc và hiển thị.

>Xem thêm: thiết kế website bán hàng

Tạo kiểu nội dung trước khi chọn phông chữ và màu mặc định

Lỗi này là phổ biến trong số các chủ sở hữu của danh mục đầu tư trực tuyến, phòng trưng bày và các trang web khác dựa trên nội dung trực quan. Các dự án như vậy luôn có nhiều hình minh họa với tên của người sáng tạo ở giữa màn hình. Ngoài ra, họ đi kèm với văn bản hỗ trợ.

8. Bạn có muốn lấy nó không? Không có gì phức tạp. Đây là HTML của bạn:

phông chữ và màu sắc

Khi bạn đã hoàn thành nó, bạn sẽ muốn thêm các lớp khác nhau hoặc viết các bộ chọn. Nghe có vẻ quen thuộc phải không? Trong trường hợp này, tôi muốn bạn dừng lại ngay bây giờ vì đây là một lỗi mã hóa phổ biến khác. Bạn không bao giờ nên tạo kiểu nội dung trước khi bạn chọn kiểu chữ mà nó sẽ đi kèm. Nhân tiện, trước khi thêm nội dung mới vào trang web, bạn cũng cần phải thiết lập màu mặc định !

>Xem thêm: thiết kế website tphcm

Dưới đây là một vài đề xuất cho bạn:

kích thước mặc định của phông chữ của bạn phải là 16px – 20px,
1,5 – 1,85 sẽ là chiều cao mặc định đẹp,
tránh màu đen toàn phần # 000000 khi nói đến màu sắc (bạn có thể thay thế bằng màu xám đậm),
Đối với nền trang, #ffffff màu trắng là một lựa chọn thông thường,
để giảm độ tương phản cho nền trang, hãy sử dụng các màu hơi trắng, như # f9f9f9.

9. Thiếu thẻ cơ bản

Thẻ cơ bản

Hãy nhớ rằng tất cả nội dung chính (ví dụ <title>, <meta>, <style>) yêu cầu các thẻ cơ bản sau:

<đầu>
</ đầu>

>Xem thêm: thiết kế website chuyên nghiệp tphcm

10. Thiếu thẻ đóng

Vì vậy, đây là một rắc rối HTML phổ biến hơn. Khi một số người mới bắt đầu quên tất cả các thẻ cơ bản, những người khác sẽ bỏ lỡ những thẻ gần gũi, như:

</ cơ thể>,
</ p>,
</ html>.

11. Sử dụng tiện ích mở rộng HTML sai cho thẻ hình ảnh

Để hoàn tất, hãy chú ý đến tiện ích mở rộng HTML phổ biến này – align = absmiddle. Đúng, nó thường được sử dụng trên toàn cầu. Tuy nhiên, nó không làm cho thuộc tính phù hợp cho tất cả các mục đích. Lưu ý, align = absmiddle không phải là thứ bạn cần để tạo HTML phù hợp cho thẻ hình ảnh!

Bạn có thể thấy một cái gì đó như <img src = Thời gian hình ảnh.gif align = Bí absmiddle Bí mật> trong mã của bạn không? Thôi thì nên sửa tho! Mặc dù nhiều trình duyệt hỗ trợ tiện ích mở rộng, nhưng với nó, HTML của bạn trở nên không chính xác. Tôi khuyên bạn nên sử dụng align = middle thay thế.

>Xem thêm: seo web gia re tphcm

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

0938844990