ตัวอย่าง
อธิบายข้อมูลที่อยู่ในเอกสาร HTML:
<head>
<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>
ลองตัวเอง» ความหมายและการใช้งาน
เมตาดาต้าเป็นข้อมูล (ข้อมูล) เกี่ยวกับข้อมูล
<meta> แท็กให้เมตาดาต้าเกี่ยวกับเอกสาร HTML เมตาดาต้าจะไม่แสดงบนหน้าเว็บ แต่จะเป็นเครื่อง parsable
องค์ประกอบ Meta มักจะใช้เพื่อระบุรายละเอียดหน้าคำหลักผู้เขียนของเอกสารที่แก้ไขล่าสุดและข้อมูลเมตาอื่น ๆ
เมตาดาต้าที่สามารถนำมาใช้เบราว์เซอร์ (วิธีการแสดงเนื้อหาหรือโหลดหน้าเว็บ) เครื่องมือค้นหา (คำหลัก) หรือบริการเว็บอื่น ๆ
สนับสนุนเบราว์เซอร์
| ธาตุ | |||||
|---|---|---|---|---|---|
| <meta> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
เคล็ดลับและคำอธิบาย
หมายเหตุ: <meta> แท็กเสมอไปภายใน <head> องค์ประกอบ
หมายเหตุ: ข้อมูลเมตาถูกส่งผ่านไปมักจะเป็นชื่อ / คู่ค่า
หมายเหตุ: content แอตทริบิวต์ต้องกำหนดถ้าชื่อหรือที่ http-equiv แอตทริบิวต์ที่กำหนดไว้ถ้าไม่มีของเหล่านี้จะมีการกำหนดที่ content แอตทริบิวต์ไม่สามารถกำหนด
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
scheme แอตทริบิวต์ไม่สนับสนุนใน HTML5
HTML5 มีคุณลักษณะใหม่ charset ซึ่งทำให้ง่ายต่อการกำหนด charset:
- HTML 4.01: <meta http-equiv="content-type" content="text/html; charset=UTF-8">
- HTML5: <meta charset="UTF-8">
ความแตกต่างระหว่าง HTML และ XHTML
ใน HTML <meta> แท็กไม่มีแท็กปิด
ใน XHTML ซึ่ง <meta> แท็กจะต้องปิดอย่างถูกต้อง
ตัวอย่าง
ตัวอย่างที่ 1 - กำหนดคำหลักสำหรับเครื่องมือค้นหา:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
ตัวอย่างที่ 2 - กําหนดรายละเอียดของหน้าเว็บของคุณ:
<meta name="description" content="Free Web tutorials on HTML and CSS">
ตัวอย่างที่ 3 - กำหนดผู้เขียนหน้า:
<meta name="author" content="Hege Refsnes">
ตัวอย่างที่ 4 - รีเฟรชเอกสารทุก 30 วินาที:
<meta http-equiv="refresh" content="30">
แอตทริบิวต์
= ใหม่ใน HTML5
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| charset | character_set | ระบุการเข้ารหัสอักขระสำหรับเอกสาร HTML |
| content | text | ให้ค่าที่เกี่ยวข้องกับ http-equiv หรือ name แอตทริบิวต์ |
| http-equiv | content-type default-style refresh | ให้หัว HTTP สำหรับข้อมูลที่ / ค่าของ content แอตทริบิวต์ |
| name | application-name author description generator keywords | ระบุชื่อสำหรับข้อมูลเมตา |
| scheme | format/URI | ได้รับการสนับสนุนใน HTML5 ระบุโครงการที่จะนำมาใช้ในการตีความค่าของ content แอตทริบิวต์ |
แอตทริบิวต์ทั่วโลก
<meta> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา HTML: HTML หัวหน้า
อ้างอิง HTML DOM: วัตถุ Meta
ตั้งค่าเริ่มต้น CSS
ไม่มี.