Dự án html để thực hành
Tài liệu này xác định các quy tắc định dạng và kiểu cho HTML và CSS. Nó nhằm mục đích cải thiện sự hợp tác, chất lượng mã và cho phép cơ sở hạ tầng hỗ trợ. Nó áp dụng cho các tệp thô, đang hoạt động sử dụng HTML và CSS, bao gồm các tệp GSS. Các công cụ được tự do làm xáo trộn, thu nhỏ và biên dịch miễn là chất lượng mã chung được duy trì Show Tổng quanQuy tắc phong cách chunggiao thứcSử dụng HTTPS cho các tài nguyên được nhúng nếu có thể Luôn sử dụng HTTPS ( 3) cho hình ảnh và các tệp phương tiện khác, biểu định kiểu và tập lệnh, trừ khi các tệp tương ứng không khả dụng qua HTTPS
______3
Quy tắc định dạng chungthụt đầu dòngThụt lề 2 dấu cách cùng một lúc Không sử dụng các tab hoặc trộn các tab và dấu cách để thụt đầu dòng
viết hoaChỉ sử dụng chữ thường Tất cả mã phải là chữ thường. Điều này áp dụng cho tên phần tử HTML, thuộc tính, giá trị thuộc tính (trừ khi 4), bộ chọn CSS, thuộc tính và giá trị thuộc tính (ngoại trừ chuỗi)
0 1Dấu cáchXóa khoảng trắng ở cuối Các khoảng trắng ở cuối là không cần thiết và có thể làm phức tạp sự khác biệt 0 1mã hóaSử dụng UTF-8 (không có BOM) Đảm bảo trình chỉnh sửa của bạn sử dụng UTF-8 làm mã hóa ký tự, không có dấu thứ tự byte Chỉ định mã hóa trong các mẫu và tài liệu HTML qua 5. Không chỉ định mã hóa của biểu định kiểu vì chúng giả sử UTF-8(Thông tin thêm về mã hóa cũng như thời điểm và cách chỉ định chúng có thể được tìm thấy trong Xử lý mã hóa ký tự trong HTML và CSS. ) Giải thích mã khi cần, nếu có thể Sử dụng nhận xét để giải thích mã. Nó bao gồm những gì, nó phục vụ mục đích gì, tại sao giải pháp tương ứng được sử dụng hoặc ưu tiên? (Mục này là tùy chọn vì nó không được coi là kỳ vọng thực tế khi luôn yêu cầu mã được lập thành văn bản đầy đủ. Số dặm có thể thay đổi nhiều đối với mã HTML và CSS và phụ thuộc vào độ phức tạp của dự án. ) Mục hành độngĐánh dấu todo và các mục hành động với 6Làm nổi bật todo bằng cách chỉ sử dụng từ khóa 6, không phải các định dạng phổ biến khác như 8Nối một số liên lạc (tên người dùng hoặc danh sách gửi thư) trong ngoặc đơn như với định dạng 9Nối các mục hành động sau dấu hai chấm như trong 00 2____23Quy tắc kiểu HTMLloại tài liệuSử dụng HTML5 HTML5 (cú pháp HTML) được ưu tiên cho tất cả các tài liệu HTML. (Bạn nên sử dụng HTML, vì 01. Không sử dụng XHTML. XHTML, như 02, thiếu hỗ trợ cả trình duyệt và cơ sở hạ tầng và cung cấp ít chỗ để tối ưu hóa hơn HTML. )Mặc dù tốt với HTML, nhưng đừng đóng các phần tử void, tôi. e. viết 03, không phải 03Hiệu lực HTMLSử dụng HTML hợp lệ nếu có thể Sử dụng mã HTML hợp lệ trừ khi điều đó là không thể do các mục tiêu hiệu suất không thể đạt được liên quan đến kích thước tệp Sử dụng các công cụ như trình xác thực HTML W3C để kiểm tra Sử dụng HTML hợp lệ là một thuộc tính chất lượng cơ sở có thể đo lường được, góp phần tìm hiểu về các yêu cầu và ràng buộc kỹ thuật, đồng thời đảm bảo việc sử dụng HTML phù hợp 4 5ngữ nghĩaSử dụng HTML theo mục đích của nó Sử dụng các phần tử (đôi khi được gọi không chính xác là “thẻ”) cho mục đích mà chúng được tạo ra. Ví dụ: sử dụng phần tử tiêu đề cho tiêu đề, phần tử 05 cho đoạn văn, phần tử 06 cho phần neo, v.v.Sử dụng HTML theo mục đích của nó rất quan trọng vì các lý do về khả năng truy cập, tái sử dụng và hiệu quả của mã 6 7Cung cấp nội dung thay thế cho đa phương tiện Đối với đa phương tiện, chẳng hạn như hình ảnh, video, đối tượng hoạt hình qua 07, hãy đảm bảo cung cấp quyền truy cập thay thế. Đối với hình ảnh có nghĩa là sử dụng văn bản thay thế có ý nghĩa ( 08) và đối với bản ghi và chú thích video và âm thanh, nếu cóCung cấp nội dung thay thế rất quan trọng vì lý do tiếp cận. Người dùng khiếm thị có ít manh mối để biết hình ảnh nói về cái gì mà không có 09 và những người dùng khác có thể không có cách nào hiểu được nội dung video hoặc âm thanh nói về điều gì.(Đối với những hình ảnh có thuộc tính 08 sẽ tạo ra sự dư thừa và đối với những hình ảnh có mục đích hoàn toàn là trang trí mà bạn không thể sử dụng CSS ngay lập tức, không sử dụng văn bản thay thế nào, như trong 11. ) 8 9Tách mối quan tâmTách cấu trúc khỏi trình bày khỏi hành vi Giữ nguyên cấu trúc (đánh dấu), trình bày (kiểu dáng) và hành vi (kịch bản) và cố gắng giữ sự tương tác giữa ba yếu tố này ở mức tối thiểu Nghĩa là, đảm bảo các tài liệu và mẫu chỉ chứa HTML và HTML chỉ phục vụ mục đích cấu trúc. Di chuyển mọi thứ mang tính trình bày vào biểu định kiểu và mọi thứ hành vi thành tập lệnh Ngoài ra, hãy giữ cho khu vực liên hệ càng nhỏ càng tốt bằng cách liên kết càng ít biểu định kiểu và tập lệnh càng tốt từ các tài liệu và mẫu Việc tách cấu trúc khỏi cách trình bày khỏi hành vi là rất quan trọng vì lý do bảo trì. Việc thay đổi các tài liệu và mẫu HTML luôn tốn kém hơn so với việc cập nhật biểu định kiểu và tập lệnh 0 1Tham chiếu thực thểKhông sử dụng tham chiếu thực thể Không cần sử dụng tham chiếu thực thể như 12, 13 hoặc 14, giả sử mã hóa giống nhau (UTF-8) được sử dụng cho các tệp và trình chỉnh sửa cũng như giữa các nhómCác ngoại lệ duy nhất áp dụng cho các ký tự có ý nghĩa đặc biệt trong HTML (như 15 và 16) cũng như các ký tự điều khiển hoặc “ẩn” (như dấu cách không ngắt) 2____33Thẻ tùy chọnBỏ qua các thẻ tùy chọn (không bắt buộc) Đối với các mục đích tối ưu hóa kích thước tệp và khả năng quét, hãy cân nhắc bỏ qua các thẻ tùy chọn. Đặc tả HTML5 xác định những thẻ nào có thể được bỏ qua (Cách tiếp cận này có thể yêu cầu thời gian gia hạn để được thiết lập như một hướng dẫn rộng hơn vì nó khác biệt đáng kể so với những gì các nhà phát triển web thường được dạy. Vì lý do nhất quán và đơn giản, tốt nhất nên bỏ qua tất cả các thẻ tùy chọn, không chỉ một lựa chọn. ) 4 5Thuộc tính
|