รหัสทั้งหมดต่อไปนี้อยู่ระหว่าง <head> ... </head> และเนื้อหาเฉพาะคือ:
1. <title> … </title>
องค์ประกอบชื่อเรื่องช่วยให้ผู้ใช้ระบุไฟล์ได้ดีขึ้นและมีเพียงไฟล์เดียว สร้างชื่อไฟล์เมื่อใช้เป็นโฮมเพจหรือคอลเลกชัน
2. <link> … </link>
แสดงความสัมพันธ์ระหว่างเอกสารนี้และเอกสารอื่น ๆ : <link rel = stylesheet href = s.css> และการเชื่อมต่อระหว่างสไตล์ชีทภายนอก
Rel อธิบายถึงความสัมพันธ์ระหว่างไฟล์ HTML และเอกสาร URL และ HREF อธิบายชื่อเอกสาร
3, <style> … </style>
หน้าสไตล์สามารถรวมอยู่ในเอกสาร รูปแบบภายในของเอกสารเอง
4, <base> … </base>
กำหนด URL เส้นทางสัมบูรณ์สำหรับเส้นทางสัมพัทธ์ หลังจากผู้อ่านดาวน์โหลดเอกสารของคุณพวกเขายังสามารถรู้ได้ว่าจะไปที่ไหน
รูปแบบ URL: โปรโตคอลการสื่อสาร: // ชื่อโฮสต์/พา ธ/ชื่อไฟล์
5. <Script> … </script>
คำสั่งที่ใช้รวมสคริปต์ (ชุดภาษาสคริปต์) สามารถเป็น JavaScript หรือ VBScript
6. <Meta> … </ meta>
คุณสมบัติทั่วไปของ Meta Tags:
1. ช่วยโฮมเพจเข้าสู่ระบบโดยเครื่องมือค้นหาที่สำคัญ
2. กำหนดภาษาของหน้า
3. รีเฟรชโดยอัตโนมัติและชี้ไปที่หน้าใหม่โดยอัตโนมัติ
4. ใช้เอฟเฟกต์ภาพเคลื่อนไหวเมื่อแปลงหน้าเว็บ
5. การประเมินการจัดอันดับหน้าเว็บ
6. การบัฟเฟอร์หน้าควบคุม
7. ควบคุมหน้าต่างบนหน้าเว็บ
Meta ใช้เพื่อจำลองแพ็คเก็ตส่วนหัวการตอบสนองของโปรโตคอล HTTP ในเอกสาร HTML
มีคุณสมบัติสองประเภทของเมตา: ชื่อและ http-equiv
แอตทริบิวต์ชื่อส่วนใหญ่จะใช้เพื่ออธิบายหน้าเว็บซึ่งสอดคล้องกับเนื้อหา (เนื้อหาหน้าเว็บ) เพื่อให้หุ่นยนต์ของเครื่องมือค้นหาสามารถค้นหาและจำแนก (ปัจจุบันเครื่องมือค้นหาเกือบทั้งหมดใช้หุ่นยนต์ออนไลน์เพื่อค้นหาค่าเมตาโดยอัตโนมัติเพื่อจำแนกหน้าเว็บหน้า) สิ่งที่สำคัญที่สุดคือคำอธิบาย (คำอธิบายของไซต์บนเครื่องมือค้นหา) และคำหลัก (คำหลักที่จัดหมวดหมู่) ดังนั้นคุณควรเพิ่มค่าเมตาในแต่ละหน้า
แอตทริบิวต์ชื่อ1. <meta name = contact generator = editPlus> ใช้เพื่อแสดงเครื่องมือสร้าง (เช่น Microsoft FrontPage 4.0) ฯลฯ ;
2. <meta name = คำหลัก contact = vevb, cnrose> อธิบายคำหลักของหน้าเว็บของคุณไปยังเครื่องมือค้นหา;
3. <ชื่อเมตา = คำอธิบายติดต่อ = บล็อกของ VEVB> บอกเครื่องมือค้นหาเนื้อหาหลักของเว็บไซต์ของคุณ
4. <meta name = ผู้เขียนติดต่อ = vevb> บอกเครื่องมือค้นหาผู้เขียนเว็บไซต์ของคุณ;
5. <meta name = หุ่นยนต์ติดต่อ = ทั้งหมด | ไม่มี | ดัชนี | noindex | ติดตาม | nofollow>
คุณลักษณะมีการอธิบายดังนี้:
ตั้งค่าเป็นทั้งหมด: ไฟล์จะถูกเรียกคืนและลิงก์ในหน้าสามารถสอบถามได้;
ตั้งค่าเป็นไม่มี: ไฟล์จะไม่ถูกเรียกคืนและลิงก์ในหน้าไม่สามารถสอบถามได้
ตั้งเป็นดัชนี: ไฟล์จะถูกเรียกคืน;
Set to follow: ลิงก์ในหน้าสามารถสอบถามได้;
ตั้งค่าเป็น noindex: ไฟล์จะไม่ถูกเรียกคืน แต่ลิงก์ในหน้าสามารถสอบถามได้;
ตั้งค่าเป็น nofollow: ไฟล์จะไม่ถูกเรียกคืนและลิงก์ในหน้าสามารถสอบถามได้
แอตทริบิวต์ http-equiv1. <meta http-equiv = content-type contact = text/html; charset = gb_2312-80> และ <meta http-equiv = content-language contact = zh-cn> ใช้เพื่ออธิบายข้อความและภาษาที่ใช้ในการผลิตโฮมเพจ ตัวอย่างเช่นชุดอักขระ ISO-8859-1 ภาษาอังกฤษและมี BIG5, UTF-8, Shift-Jis, EUC, KOI8-2 และชุดตัวละครอื่น ๆ
2. <meta http-equiv = เนื้อหารีเฟรช = n; url = http: // yourlink> ทันเวลาให้เว็บเพจข้ามไปยังหน้าภายใน n ไม่กี่วินาทีที่ระบุในเวลาที่กำหนด http; // yourlink;
3. <Meta HTTP-Equiv = หมดอายุติดต่อ = Mon, 12 พฤษภาคม 2001 00:20:00 GMT> สามารถใช้เพื่อตั้งเวลาหมดอายุของหน้าเว็บ เมื่อหมดอายุจะต้องเรียกใช้เซิร์ฟเวอร์อีกครั้ง ควรสังเกตว่าต้องใช้รูปแบบเวลา GMT
4. <meta http-equiv = pragma contact = no-cache> ใช้เพื่อตั้งค่าเบราว์เซอร์เพื่อห้ามเนื้อหาหน้าเว็บจากแคชท้องถิ่น เมื่อทำการตั้งค่าแล้วจะไม่สามารถเรียกออกจากแคชได้อีกครั้งเมื่อออกจากหน้าเว็บ
5. <meta http-equiv = set-cookie contact = mon, 12 พฤษภาคม 2004 00:20:00 GMT> การตั้งค่าคุกกี้ หากหน้าเว็บหมดอายุคุกกี้ที่บันทึกไว้จะถูกลบ นอกจากนี้ยังจำเป็นต้องใช้รูปแบบเวลา GMT
6. <meta http-equiv = pics-label contact => การจัดอันดับหน้าเว็บมีการตั้งค่าเนื้อหาในตัวเลือกอินเทอร์เน็ตของ IE ซึ่งสามารถป้องกันการเรียกดูเว็บไซต์ที่ จำกัด และระดับข้อ จำกัด ของเว็บไซต์ถูกตั้งค่าผ่านแอตทริบิวต์ Meta;
7. <meta http-equiv = windows-target contact = _top> บังคับให้หน้าจะแสดงเป็นหน้าอิสระในหน้าต่างปัจจุบันซึ่งสามารถป้องกันไม่ให้หน้าเว็บของคุณถูกเรียกโดยผู้อื่นเป็นหน้าเฟรม
8. <meta http-equiv = หน้าติดต่อหน้าเข้า = เปิดเผย (ระยะเวลา = 10, transtion = 50)> และ <meta http-equiv = ผู้ติดต่อหน้า-ออก = เปิดเผย (ระยะเวลา = 20, transtion = 6)> ตั้งเอฟเฟกต์พิเศษเมื่อเข้าและออกจากหน้า ฟังก์ชั่นนี้คือการเปลี่ยนรูปแบบ/หน้าเว็บใน FrontPage แต่หน้าเพิ่มไม่สามารถเป็นหน้าเฟรมได้
ค่าของระยะเวลาคือเวลาสำหรับการเปลี่ยนแปลงแบบไดนามิกของหน้าเว็บในไม่กี่วินาที
การเปลี่ยนแปลงเป็นวิธีการเปลี่ยนแปลงค่าของมันคือ 0 ถึง 23 ซึ่งสอดคล้องกับ 24 วิธีการเปลี่ยนแปลงตามลำดับ ตารางต่อไปนี้:
0 การหดตัวรูปกล่อง 1 รังสี
การหดตัว 2 รอบ 3 รอบการแผ่รังสี
4 จากล่างถึงบน 5 จากบนลงล่าง
6 จากซ้ายไปขวา 7 จากขวาไปซ้าย
8 มู่ลี่แนวตั้ง 9 มู่ลี่แนวนอน
10 ผ้าม่านกริดแนวนอน 11 มู่ลี่กริดแนวตั้ง
12 ละลายที่จะ 13 กระจายจากปลายซ้ายและขวาจนถึงกลาง
14 ขยายจากกลางถึงซ้ายและขวาจะสิ้นสุด 15 ขยายจากปลายด้านบนและล่างถึงตรงกลาง
16 ขยายจากกลางถึงด้านบนและด้านล่างขยาย 17 ขยายจากมุมขวาบนไปยังมุมซ้ายล่าง
18 ขยายจากมุมล่างขวาเป็นมุมบนซ้าย 19 ขยายจากมุมซ้ายบนไปยังมุมขวาล่าง
20 ขยายจากมุมล่างซ้ายไปยังมุมขวาบน 21 ขยายแนวนอน
22 การขยายเชิงเส้นแนวตั้ง 23 แบบสุ่มสร้างวิธีการเปลี่ยนแปลง