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

Trong bài đăng này, tôi sẽ hướng dẫn bạn cách tránh lặp lại các lỗi liên quan đến HTML- & CSS.

1. Tổ chức CSS lộn xộn

Một trong những lỗi phổ biến mà người dùng mắc phải khi viết CSS là cấu trúc yếu . Họ chủ yếu tập trung vào các yếu tố hình ảnh nội dung và trang web thay vì tổ chức các phong cách một cách hợp lý. Thông thường, những người mới bắt đầu viết CSS của họ theo thứ tự họ nghĩ về chúng. Do đó, người dùng không thể tìm thấy một tuyên bố kiểu khi đến lúc phải thay đổi nó.

Vì vậy, đây là mẹo số 1 của tôi cho những người sắp viết CSS: luôn tổ chức mã của bạn! Một bước như vậy sẽ tiết kiệm thời gian và tạo điều kiện cho quá trình làm việc. Làm thế nào bạn nên làm điều đó? Tôi khuyên bạn nên cấu trúc CSS theo tổ chức HTML mà bạn làm việc. Ví dụ:

+ Tiêu đề,
+ Thân hình,
+ Thanh bên,
+ Chân trang.

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

# 2 Sai khối yếu tố Đặt

Lỗi xây dựng trang web HTML phổ biến này cũng liên quan đến tổ chức. Câu chuyện dài, theo mặc định, một yếu tố HTML sẽ được hiển thị dưới dạng Chặn hoặc Nội tuyến. Và đó là vấn đề! Mặc dù chúng ta đang sống trong thời đại công nghệ thông minh, rất nhiều người dùng đặt các yếu tố khối bên trong các công nghệ nội tuyến.

Để tránh nhầm lẫn, lưu ý rằng:

+ Các phần tử khối tạo nên cấu trúc của tài liệu của bạn, ví dụ như đoạn văn hoặc div,
+ Yếu tố nội tuyến thuộc về các khối, ví dụ thẻ và neo.
+ Các phần tử nội tuyến nằm trong các khối, nhưng chúng không giống nhau. Bạn không bao giờ nên đặt các khối trong các thành phần nội tuyến.

>Xem thêm: dich vu seo web gia re

# 3 Thiếu DOCTYPE

Để bắt đầu, DOCTYPE hiển thị các trình duyệt khác nhau phiên bản HTML hiện tại của bạn. Không có nó, bạn không thể chắc chắn mã là hợp lệ. Khi không có DOCTYPE, trình duyệt bắt đầu đưa ra các giả định. Trong trường hợp này, kết quả công việc của bạn có thể không sinh lợi như bạn đã tưởng tượng.

Để tránh nó, bạn cần làm theo các mẹo tiếp theo.

+ Sử dụng DOCTYPE, bất kể bạn có loại HTML nào.
+ Luôn đặt nó trong dòng đầu tiên của nguồn mã.
+ Hãy cẩn thận vì DOCTYPE phân biệt chữ hoa chữ thường.
+ Tạo một mẫu tài liệu trống để lưu DOCTYPE của bạn để nó sẽ ở gần.
+ Sử dụng một số trình xác nhận HTML và các công cụ CSS để tìm các lỗ hổng có thể có.

>Xem thêm: dịch vụ seo giá rẻ

4 Thiếu văn bản ALT

Như bạn có thể thấy, DOCTYPE không phải là điều duy nhất mọi người thường xuyên bỏ lỡ khi làm việc với việc xây dựng trang web HTML. Nó cũng có thuộc tính ALT! Hãy nhớ rằng, bất kỳ hình ảnh bạn thêm vào nội dung trang web phải có văn bản ALT. Tại sao?

Văn bản ALT có nghĩa là để mô tả những gì trên hình ảnh của bạn, như <img src = ” ” ” ” ” ” ” ‘
Thẻ IMG yêu cầu các thuộc tính này.
Người dùng nhưng chủ yếu là trình đọc màn hình sử dụng ALT để hiểu nếu hình ảnh là quan trọng.
Khi được sử dụng một cách thích hợp, văn bản ALT cho phép người nhện lập chỉ mục tốt hơn cho nội dung của bạn.

>Xem thêm: dịch vụ seo web giá rẻ

5. Quên về Biểu định kiểu in

Mặc dù thật dễ dàng để bao gồm một bản định kiểu in trong mã trang web, người dùng thường bỏ lỡ bước này. Bạn cần nó để tạo kiểu cho dự án trực tuyến trên các trang in. Đây là giao diện của nó: <link rel = phong cách bản đồ href = = print print.css Truyền thông = Thời gian in ấn />.

Về cơ bản, với sự trợ giúp của biểu định kiểu in, bạn có thể:

+ Ẩn các yếu tố bạn không muốn in,
+ Đặt lại màu nền thành màu trắng,
+ Cung cấp phông chữ thay thế cho các đoạn văn để làm cho chúng phù hợp với định dạng giấy và hơn thế nữa.

>Xem thêm: dịch vụ seo giá rẻ 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