Câu hỏi phỏng vấn HTML
Câu hỏi

Thẻ meta được dùng để làm gì trong HTML?

Câu trả lời

Trong HTML, thẻ meta được sử dụng để cung cấp thông tin siêu dữ liệu (metadata) về tài liệu HTML. Siêu dữ liệu này không hiển thị trực tiếp trên trình duyệt, nhưng có thể được trình duyệt và các công cụ tìm kiếm sử dụng để hiểu thêm về nội dung của trang web

Các Chức Năng Chính của Thẻ meta:

  1. Xác Định Bộ Mã Hóa Ký Tự (Character Encoding):

    html Copy
    <meta charset="UTF-8">

    Thẻ trên xác định bộ mã hóa ký tự UTF-8 cho trang web, giúp hiển thị chính xác các ký tự đặc biệt hoặc tiếng nói khác nhau

  2. Cung Cấp Thông Tin về Trang Web:

    • Mô Tả (Description): Mô tả ngắn gọn nội dung của trang web, thường được sử dụng bởi các công cụ tìm kiếm trong kết quả tìm kiếm (SERPs).
      html Copy
      <meta name="description" content="Tìm hiểu về metadata trong HTML">
    • Từ Khóa (Keywords): Định nghĩa các từ khóa liên quan đến nội dung trang web, giúp cải thiện SEO.
      html Copy
      <meta name="keywords" content="HTML, meta tag, metadata">
    • Tác Giả (Author): Xác định tác giả của trang web.
      html Copy
      <meta name="author" content="Tên tác giả">
  3. Hướng Dẫn Các Công Cụ Tìm Kiếm (Search Engine Directives):

    • Robots: Hướng dẫn cho các công cụ tìm kiếm về việc lập chỉ mục hoặc theo dõi các liên kết trên trang.
      html Copy
      <meta name="robots" content="index, follow">
  4. Viewport: Định nghĩa cách trang web được hiển thị trên các thiết bị di động, đặc biệt quan trọng cho thiết kế web đáp ứng (responsive design).

    html Copy
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. HTTP-Equiv: Cung cấp các chỉ thị tương đương với các tiêu đề HTTP, như làm mới trang hoặc kiểm soát bộ nhớ cache.

    html Copy
    <meta http-equiv="refresh" content="30">

Thẻ meta phải được đặt bên trong phần tử <head> của tài liệu HTML. Việc sử dụng thẻ meta một cách hiệu quả có thể cải thiện khả năng hiển thị của trang web trên các công cụ tìm kiếm và góp phần vào việc tối ưu hóa SEO

middle

middle

Gợi ý câu hỏi phỏng vấn

middle

Giải thích sự khác biệt giữa các thẻ block và các thẻ inline trong HTML?

senior

Làm thế nào để tạo khoá công khai (public key) trong HTML?

expert

WebSQL là gì?

Bình luận

Chưa có bình luận nào

Chưa có bình luận nào