Đây là bài 5 của chương 1: HTML có ngữ nghĩa, thuộc khóa demo HTML & CSS. Nội dung được dùng để trải nghiệm cấu trúc chương trình học; hãy thực hành trên dữ liệu và môi trường thử nghiệm riêng. Trong dự án xuyên suốt, bạn sẽ xây dựng website giới thiệu khóa học có trang chủ, danh sách bài học và biểu mẫu đăng ký.
Mục tiêu cụ thể
Các thẻ main, nav, section và article diễn tả vai trò nội dung. Tiêu đề cần có thứ bậc hợp lý; lựa chọn thẻ dựa vào ý nghĩa thay vì kích thước chữ.
Bộ câu hỏi tự kiểm tra
- Vì sao html có ngữ nghĩa cần được xem xét riêng trong dự án HTML & CSS?
- Giải thích bằng lời của bạn: Các thẻ main, nav, section và article diễn tả vai trò nội dung. Tiêu đề cần có thứ bậc hợp lý; lựa chọn thẻ dựa vào ý nghĩa thay vì kích thước chữ.
- Phát hiện vấn đề trong tình huống: Dùng div cho mọi thành phần khiến cấu trúc khó hiểu. Có nhiều h1 không phải lúc nào cũng là lỗi cú pháp, nhưng một tiêu đề chính giúp tài liệu dễ theo dõi.
- Bạn sẽ giữ bằng chứng gì để chứng minh giải pháp hoạt động?
Tiêu chí chấm
- Một h1 mô tả chủ đề trang
- Các mục có h2 rõ nghĩa
- Liên kết trong menu đi tới đúng mục
Bài mở rộng
Bắt đầu từ yêu cầu Tạo trang giới thiệu có một tiêu đề chính, hai mục nội dung và một menu điều hướng. Thay đổi quy mô, độ dài dữ liệu hoặc thứ tự thao tác. Chọn đúng một biến thể phù hợp với chương rồi dự đoán tác động trước khi thử. Ví dụ là công cụ để hiểu nguyên lý, không phải đáp án duy nhất.
Gợi ý tự đánh giá
- Mức 1: nhắc lại được khái niệm nhưng chưa tự thực hiện.
- Mức 2: tự hoàn thành ví dụ và giải thích các bước.
- Mức 3: xử lý được trường hợp biên và giải thích lựa chọn khác.
Nếu chưa đạt mức 2, quay lại bài thực hành thay vì chỉ đọc đáp án. Khi đã đạt mức 3, ghi lại một cách giải khác và so sánh độ đơn giản, khả năng kiểm chứng và giới hạn của hai phương án.
Lưu bằng chứng
Tạo bảng gồm ca thử, đầu vào, kết quả mong đợi, kết quả thực tế và kết luận. Chỉ đánh dấu hoàn thành sau khi từng tiêu chí có kết quả quan sát được; bài tự kiểm tra này không tự chấm điểm và không cấp chứng chỉ.