1. Kiến thức trọng tâm
Phần thân trang web (main) là vùng chứa nội dung chính của trang, nằm giữa phần đầu trang và chân trang. Phần thân thường gồm các bài viết, hình ảnh, video, bảng biểu và các liên kết nội dung. Để phần thân dễ đọc, cần chia nội dung thành các đoạn nhỏ, dùng tiêu đề phụ, danh sách và hình ảnh minh họa. Bố cục phần thân phải rõ ràng, không dồn quá nhiều nội dung vào một chỗ.
Chân trang web (footer) là vùng nằm ở cuối trang, xuất hiện trên mọi trang con. Chân trang thường chứa thông tin liên hệ, bản quyền, liên kết đến các trang quan trọng như Giới thiệu, Chính sách bảo mật và mạng xã hội. Chân trang giúp người xem tìm nhanh thông tin liên hệ và tăng độ tin cậy của trang web.
Về mặt kĩ thuật, phần thân dùng thẻ <main>, chân trang dùng thẻ <footer>. Cả hai đều được định dạng bằng CSS để tạo màu nền, khoảng cách và căn lề phù hợp. Phần thân và chân trang cần nhất quán về phong cách trên toàn bộ trang web.
2. Ví dụ minh họa
Tình huống: Xây dựng phần thân và chân trang cho trang web giới thiệu câu lạc bộ Tin học.
Giải pháp:
<main>
<h2>Hoạt động nổi bật</h2>
<p>Câu lạc bộ tổ chức sinh hoạt mỗi tuần một lần.</p>
<img src="images/clb.jpg" alt="Sinh hoạt câu lạc bộ">
</main>
<footer>
<p>Câu lạc bộ Tin học - Trường THPT Hoa Sen</p>
<p>Email: [email protected]</p>
<p>© 2026 Câu lạc bộ Tin học</p>
</footer>
Kết luận: Phần thân trình bày nội dung chính, chân trang cung cấp thông tin liên hệ và bản quyền, tạo nên một trang web hoàn chỉnh.
3. Ghi nhớ
- Phần thân chứa nội dung chính, dùng thẻ
<main>. - Chia nội dung thành đoạn nhỏ, dùng tiêu đề phụ và hình ảnh minh họa.
- Chân trang chứa liên hệ, bản quyền, dùng thẻ
<footer>. - Giữ phong cách nhất quán trên toàn bộ trang web.