Bộ 30+ Câu hỏi trắc nghiệm Xây dựng phần đầu trang web

Thẻ `meta` với thuộc tính `viewport` cho phép kiểm soát cách trang web hiển thị trên các thiết bị di động, đảm bảo trang web hiển thị đúng tỷ lệ và kích thước trên các màn hình khác nhau; Kết luận Lý giải.

Thuộc tính `content` trong thẻ meta xác định nội dung của thuộc tính meta, chẳng hạn như mô tả, từ khóa, tên tác giả, cung cấp thông tin chi tiết về trang web; Kết luận Lý giải.

Thứ tự các thẻ link trong phần head quan trọng vì các tệp CSS được tải theo thứ tự khai báo, và các quy tắc sau sẽ ghi đè các quy tắc trước nếu có xung đột; Kết luận Lý giải.

Thuộc tính `charset` trong thẻ meta xác định bộ ký tự được sử dụng trong trang web, giúp trình duyệt hiển thị đúng các ký tự đặc biệt và tránh lỗi hiển thị; Kết luận Lý giải.

Có nhiều cách để nhúng SVG vào trang web, bao gồm sử dụng thẻ `img`, `object`, `embed`, hoặc nhúng trực tiếp mã SVG, mỗi cách có ưu và nhược điểm riêng; Kết luận Lý giải.

Thẻ `link` có thể được sử dụng để khai báo các liên kết đến các nguồn tài nguyên khác, như tệp JSON hoặc XML, bằng cách sử dụng thuộc tính `rel` phù hợp; Kết luận Lý giải.

Framework CSS cung cấp các thành phần và kiểu dáng dựng sẵn, giúp tiết kiệm thời gian và công sức trong việc xây dựng giao diện người dùng, đồng thời đảm bảo tính nhất quán và khả năng tương thích; Kết luận Lý giải.

CSS bên ngoài giúp tách biệt nội dung và trình bày, tăng khả năng tái sử dụng và bảo trì, đồng thời giảm kích thước trang HTML, vì vậy nên sử dụng CSS bên ngoài thay vì CSS nội tuyến (inline); Kết luận Lý giải.

Giá trị `width=device-width` trong thẻ meta viewport chỉ định rằng chiều rộng của trang web sẽ bằng chiều rộng của thiết bị đang xem, giúp trang web hiển thị vừa vặn trên mọi kích thước màn hình; Kết luận Lý giải.

Giá trị `initial-scale=1.0` trong thẻ meta viewport đặt tỷ lệ thu phóng ban đầu của trang web là 100%, đảm bảo trang web hiển thị ở kích thước thực tế khi tải lần đầu; Kết luận Lý giải.

Thuộc tính `rel="stylesheet"` trong thẻ link xác định rằng liên kết này là đến một bảng định kiểu (CSS), cho phép trình duyệt áp dụng các kiểu dáng được định nghĩa trong tệp CSS đó; Kết luận Lý giải.

Thẻ `style` được sử dụng để nhúng CSS nội tuyến trực tiếp vào phần head của trang web, cho phép định nghĩa các kiểu dáng cho các phần tử HTML; Kết luận Lý giải.

Khai báo ngôn ngữ của trang web trong thẻ html giúp công cụ tìm kiếm hiểu rõ hơn về ngôn ngữ của trang web, cải thiện SEO và khả năng tiếp cận; Kết luận Lý giải.

Thẻ `script` được sử dụng để nhúng mã JavaScript vào trang web, thường được đặt trong phần `head` hoặc trước thẻ đóng `body` để đảm bảo tải trang nhanh chóng; Kết luận Lý giải.

Phần đầu trang web chứa các thông tin quan trọng như tiêu đề, mô tả, từ khóa, và viewport, ảnh hưởng đến cách công cụ tìm kiếm hiểu và xếp hạng trang web, nên việc tối ưu hóa phần đầu trang web lại quan trọng đối với SEO; Kết luận Lý giải.

Thẻ `meta` với thuộc tính `name="author"` được sử dụng để khai báo thông tin về tác giả của trang web, giúp xác định nguồn gốc và quyền sở hữu nội dung; Kết luận Lý giải.

Thẻ meta cung cấp siêu dữ liệu về trang web như mô tả, từ khóa, tác giả, bộ ký tự, giúp các công cụ tìm kiếm và trình duyệt hiểu rõ hơn về nội dung trang web; Kết luận Lý giải.

Thẻ `link` với thuộc tính `rel="icon"` được sử dụng để liên kết đến các tệp hình ảnh biểu tượng (favicon) cho trang web, hiển thị trên thanh tiêu đề trình duyệt và tab; Kết luận Lý giải.

Thẻ `title` nằm trong phần `head` của tài liệu HTML và được sử dụng để xác định tiêu đề hiển thị trên thanh tiêu đề của trình duyệt; Kết luận Lý giải.

Thẻ `link` trong phần `head` được sử dụng để liên kết các tệp CSS bên ngoài, giúp tách biệt nội dung và trình bày, tăng khả năng tái sử dụng và bảo trì; Kết luận Lý giải.

Thuộc tính `http-equiv` trong thẻ meta cung cấp các chỉ thị HTTP cho trình duyệt, ví dụ: refresh (tự động tải lại trang), content-type (xác định loại nội dung); Kết luận Lý giải.

Đặt script ở cuối thẻ body giúp trình duyệt tải nội dung HTML trước, cải thiện trải nghiệm người dùng bằng cách giảm thời gian tải trang ban đầu, vì vậy nên đặt các thẻ script JavaScript ở cuối thẻ body thay vì trong thẻ head; Kết luận Lý giải.

Thẻ `base` xác định URL cơ sở cho tất cả các URL tương đối trong trang web, giúp đơn giản hóa việc quản lý các liên kết và tài nguyên; Kết luận Lý giải.

Thuộc tính `name` trong thẻ meta xác định tên của thuộc tính meta, chẳng hạn như description, keywords, author, cho phép cung cấp thông tin cụ thể về trang web; Kết luận Lý giải.

Phần `head` của tài liệu HTML chứa các metadata, link CSS, title, và các thông tin khác về tài liệu, vì vậy thẻ `head` được sử dụng để xác định phần đầu của tài liệu HTML; Kết luận Lý giải.

Thuộc tính `media` trong thẻ link xác định loại phương tiện mà CSS sẽ được áp dụng, ví dụ: screen (cho màn hình), print (cho in ấn), giúp trang web hiển thị phù hợp trên các thiết bị khác nhau; Kết luận Lý giải.

`id` phải là duy nhất trong một trang HTML, dùng để xác định một phần tử cụ thể, trong khi `class` có thể được sử dụng cho nhiều phần tử, dùng để nhóm các phần tử có cùng kiểu dáng; Kết luận Lý giải.

Công cụ kiểm tra tốc độ trang web cung cấp các đề xuất để cải thiện tốc độ tải trang và hiệu suất, bao gồm cả tối ưu hóa phần đầu trang web (ví dụ: giảm thiểu CSS, JavaScript, tối ưu hóa hình ảnh); Kết luận Lý giải.

JavaScript nội tuyến phù hợp khi cần một đoạn mã nhỏ và chỉ sử dụng một lần trên một trang duy nhất, tránh tạo thêm tệp và yêu cầu tải; Kết luận Lý giải.

Thẻ `style` có thể chứa các quy tắc CSS, bao gồm cả các truy vấn phương tiện (media queries) để áp dụng các kiểu dáng khác nhau dựa trên kích thước màn hình, độ phân giải, hoặc loại thiết bị; Kết luận Lý giải.