Chuẩn HTML xác định sự phân tách rõ ràng các mối quan tâm giữa CSS (thuyết trình) và HTML (ngữ nghĩa hoặc cấu trúc).Thực thi các tiêu chuẩn mã hóa web
Có ai sử dụng tài liệu tiêu chuẩn mã hóa cho CSS và XHTML có các mệnh đề giúp duy trì sự tách biệt này không? Điều gì sẽ là các mệnh đề tốt để đưa vào một tài liệu tiêu chuẩn mã hóa như vậy?
Chúng tôi không có tài liệu thực, tất cả đều tuân thủ nơi tôi làm việc. Có một số nguyên tắc chúng tôi cố gắng và ghi nhớ nhưng không có đủ thông tin để yêu cầu tài liệu về vật lý. This article tổng hợp các hướng dẫn này khá tốt. Bạn cũng có thể xem xét định dạng CSS để dễ đọc hơn. Smashing Magazine có một bài viết tuyệt vời về chủ đề này.
Bài viết được đề cập bởi @Lee Theobald là một khởi đầu tốt.
Một số ý tưởng cơ bản tôi cố gắng ghi nhớ khi đánh dấu lên:
Về html:
Cố gắng viết cho người tiếp theo - đó là, suy nghĩ về cách dễ dàng hay khó khăn nó có thể là cho người khác đến và nhận công việc của bạn và tiếp tục.
Để hỗ trợ nguyên tắc này, bạn nên thử và đảm bảo đánh dấu của bạn dễ đọc nhất có thể - thẻ lớp và id cụ thể phải liên quan càng nhiều càng tốt với nội dung dự định của chúng. Nói cách khác, hãy thử sử dụng các thẻ của bạn để mô tả loại nội dung mà chúng sẽ có.
Ví dụ, "Sub-navigation", "nội dung" vv
Mục đích là để cung cấp đánh dấu rằng ai đó có thể đón đã không nhìn trước và có được một cảm giác cơ cấu hợp lý của tài liệu.
Ngoài ra, hãy cố gắng tránh việc bổ sung đánh dấu hoàn toàn để đạt được hiệu ứng hình ảnh. Nhưng lưu ý rằng bất kỳ trang web nào yêu cầu kiểu dáng hơi phức tạp một chút cũng không thể tránh được việc đánh dấu không theo ngữ nghĩa, do các điểm yếu trong việc triển khai CSS hiện tại và các vấn đề tương thích với trình duyệt.
Về file CSS:
Nhiều người chia css của họ lên thành nhiều phần bằng các comment, tách chúng thành các khu chức năng hoặc cấu trúc. Vì vậy, bạn có thể có một phần cho tiêu đề, chân trang, hoặc kiểu chữ của bạn và vân vân. Những người khác thực hiện điều này và chia nhỏ css trên các tệp, có một cho kiểu chữ, một cho bố trí vv Tuy nhiên, điều này có thể theo Yslow! có thể có tác động tiêu cực đến việc tải trang, do yêu cầu http tăng lên.
Tôi có thể viết nhiều hơn, nhưng như bạn có thể thấy tôi đấu tranh để súc tích. Tôi hy vọng đây là một số sử dụng cho bạn.