Đề bài
Trong tệp HTML, dòng liên kết với tệp định nghĩa CSS cần được đặt ở:
trong thẻ <body>.
trong thẻ footer>.
trong thẻ <header>.
trong thẻ <head>.
Đáp án đúng: D
Xem lời giải
Lời giải chi tiết
Để xác định vị trí chính xác đặt dòng liên kết với tệp định nghĩa CSS trong một tệp HTML, chúng ta cần hiểu rõ cấu trúc cơ bản của một tệp HTML và chức năng của từng phần:
- <head>: Đây là phần đầu của tài liệu HTML, nơi chứa các thông tin meta về tài liệu như tiêu đề trang, định nghĩa kiểu (CSS), script (JavaScript),... Các thông tin trong thẻ này không hiện thị trực tiếp trên trang nhưng đảm bảo tài liệu HTML hoạt động đúng.
- <body>: Đây là phần chứa nội dung chính của tài liệu HTML. Các thẻ định dạng, văn bản, hình ảnh, liên kết, form,... thường nằm trong phần này và nó hiện thị trực tiếp trên trình duyệt.
- <header>: Dùng để chứa thông tin đầu trang như tiêu đề hay bản hướng dẫn, tuy nhiên nó nằm trong phần <body>.
- <footer>: Dùng để chứa thông tin cuối trang như bản quyền, logo,... tương tự <header>, nó cũng nằm trong <body>.
Dòng liên kết với tệp định nghĩa CSS được sử dụng để xác định kiểu dáng hiển thị của các phần tử trên trang và nó nên được tải trước khi nội dung của trang được hiển thị. Do đó, đúng nhất là đặt trong thẻ <head> để đảm bảo các kiểu dáng CSS được tải và áp dụng trước khi trình duyệt hiển thị nội dung của trang.
Phân tích các phương án:
- A. Trong thẻ <body>: Không chính xác vì CSS cần được tải trước khi nội dung được hiển thị, nên không nên đặt trong <body>.
- B. Trong thẻ <footer>: Không chính xác vì <footer> nằm trong <body> và ở cuối nội dung.
- C. Trong thẻ <header>: Không chính xác vì <header> không phải là thẻ tương thích để chứa CSS links, hơn nữa <header> thường nằm trong <body>.
- D. Trong thẻ <head>: Chính xác, đây là vị trí thích hợp để đảm bảo CSS được tải và áp dụng trước khi nội dung được hiển thị.
Dựa vào phân tích trên, đáp án đúng là D. trong thẻ <head>.
Chú ý khi giải
- Hiểu rõ cấu trúc cơ bản của một tệp HTML và chức năng của từng phần thẻ HTML giúp xác định đúng vị trí đặt các phần mở rộng như CSS, JavaScript.
- CSS được tải đầu tiên để định dạng toàn bộ trang web một cách chính xác trước khi nó được hiển thị trên trình duyệt.
- Thực hành tạo các tệp HTML mẫu để hiểu rõ hơn cách bố trí và hoạt động của các thẻ <head>, <body>,... trên một trang web thực tế.