คำอธิบายโดยละเอียดของ HTML Meta

Meta Tag เป็นฉลากเสริมในพื้นที่ส่วนหัวของภาษา HTML

เมตามักใช้เพื่อกำหนดคำแนะนำคำหลักและในที่สุดก็แก้ไขวันที่และข้อมูลเมตาอื่น ๆ ข้อมูลเมตาเหล่านี้จะให้บริการเบราว์เซอร์ (วิธีการจัดวางหรือหน้าโหลดใหม่) เครื่องมือค้นหาและบริการเครือข่ายอื่น ๆ

Mata Label มีแอตทริบิวต์ทั่วโลก (https://developer.mozilla.org/en-s/docs/web/global_attributes)

การประกาศรหัสอักขระของหน้าเว็บ:

 <meta charset = utf-8>

เนื้อหาของแอตทริบิวต์เนื้อหาคือค่าของคุณสมบัติ HTP-Equiv หรือชื่อซึ่งขึ้นอยู่กับว่าคุณใช้รายการใด

แอตทริบิวต์นี้สามารถมีชื่อของส่วนหัว HTTP และชื่อภาษาอังกฤษทั้งหมดของแอตทริบิวต์คือ HTTP-เทียบเท่า มันกำหนดคำแนะนำที่สามารถเปลี่ยนพฤติกรรมของเซิร์ฟเวอร์และตัวแทนผู้ใช้ ค่าของคำสั่งนี้ถูกกำหนดไว้ในคุณสมบัติเนื้อหาซึ่งสามารถเป็นหนึ่งในสิ่งต่อไปนี้:

กำหนดภาษาเริ่มต้นของหน้า มันสามารถครอบคลุมได้โดยคุณสมบัติ Lang ในองค์ประกอบใด ๆ

ห้ามใช้เบราว์เซอร์จากการเยี่ยมชมเนื้อหาหน้าเว็บจากแคชของคอมพิวเตอร์ในท้องถิ่น ชอบ:

 <meta http-equiv = pragma content = no-cache>

สามารถใช้เพื่อตั้งค่าเวลาหมดอายุของหน้าเว็บ เมื่อหน้าเว็บหมดอายุจะต้องมีการถ่ายทอดใหม่บนเซิร์ฟเวอร์

ระบุกลไกแคชของการร้องขอและการตอบสนองที่จะติดตาม มีวิธีการใช้งานต่อไปนี้:

ไม่มีแคช: ส่งคำขอก่อนยืนยันว่าทรัพยากรมีการเปลี่ยนแปลงกับเซิร์ฟเวอร์หรือไม่และหากไม่มีการเปลี่ยนแปลงให้ใช้แคช

ไม่มีร้านค้า: ไม่อนุญาตให้แคชไปที่เซิร์ฟเวอร์ทุกครั้งดาวน์โหลดการตอบกลับที่สมบูรณ์ (มาตรการความปลอดภัย)

สาธารณะ: แคชคำตอบทั้งหมด แต่ไม่จำเป็น เพราะอายุสูงสุดยังสามารถบรรลุผลได้เหมือนกัน

ส่วนตัว: มีแคชผู้ใช้เพียงรายเดียวเท่านั้นดังนั้นจึงไม่อนุญาตให้ใช้แคชรีเลย์ (ตัวอย่างเช่น CDN ไม่อนุญาตการตอบสนองส่วนตัวของแคช)

Max-age: คำขอปัจจุบันเริ่มต้นระยะเวลาที่การตอบสนองสามารถแคชและนำกลับมาใช้ใหม่ได้โดยไม่ต้องไปที่เซิร์ฟเวอร์เพื่อขออีกครั้ง ตัวอย่างเช่น: Max-age = 60 หมายความว่าการตอบสนองสามารถแคชและนำกลับมาใช้ใหม่เป็นเวลา 60 วินาที

อนุญาตให้ผู้เขียนกำหนดกลยุทธ์เนื้อหาของหน้าปัจจุบัน กลยุทธ์เนื้อหาส่วนใหญ่ระบุที่อยู่เซิร์ฟเวอร์ที่อนุญาตและจุดสิ้นสุดของสคริปต์ซึ่งช่วยป้องกันการโจมตีสคริปต์ข้ามไซต์

Essence of CSP เป็นระบบรายการสีขาว การใช้งานและการดำเนินการเสร็จสมบูรณ์โดยเบราว์เซอร์และนักพัฒนาจำเป็นต้องจัดให้มีการกำหนดค่าเท่านั้น

CSP ช่วยเพิ่มความปลอดภัยของหน้าเว็บอย่างมาก แม้ว่าผู้โจมตีจะพบช่องโหว่ แต่เขาก็ไม่สามารถฉีดสคริปต์ได้เว้นแต่ว่าเขาจะยังคงควบคุมโฮสต์ที่น่าเชื่อถือที่ระบุไว้ใน Whitelist สองวิธีสามารถเปิดใช้งาน CSP หนึ่งคือฟิลด์ของนโยบายความปลอดภัยเนื้อหาผ่านข้อมูลส่วนหัว HTTP

 นโยบายความปลอดภัยของเนื้อหา: สคริปต์ -SRC 'self';

อีกอันคือฉลากของหน้าเว็บ

 <meta http-equiv = เนื้อหาที่ให้ความสำคัญกับเนื้อหาความปลอดภัย = script-src 'seld'; -src https:>

ในรหัสด้านบน CSP สร้างการกำหนดค่าต่อไปนี้:

สคริปต์: เชื่อถือชื่อโดเมนปัจจุบัน

Tags: ไม่มี URL นั่นคืออย่าโหลดทรัพยากรใด ๆ

ตารางสไตล์: เชื่อถือ cdn.example.org และบุคคลที่สามเท่านั้น

เฟรม: ต้องโหลดด้วยโปรโตคอล HTTPS

ทรัพยากรอื่น ๆ : ไม่มีข้อ จำกัด

หลังจากเปิดทรัพยากรภายนอกที่ไม่ตรงกับ CSP จะถูกป้องกันไม่ให้โหลด

คำแนะนำเพิ่มเติม: นโยบายความปลอดภัยของเนื้อหาการเริ่มต้นใช้งานการสอน

กำหนดประเภทเอกสาร MIME จากนั้นเข้ารหัสด้วยอักขระ

อย่าใช้ค่านี้เพราะล้าสมัย ขอแนะนำให้ใช้แอตทริบิวต์ Charset บนองค์ประกอบ

เนื่องจากประเภทของเอกสารไม่สามารถเปลี่ยนแปลงได้ในการทำให้เป็นอนุกรม XHTML ของ XHTML หรือ HTML5 อย่าใช้ประเภท MIME เพื่อตั้งค่าประเภท MIML MIME

คำสั่งนี้ระบุ:

หากแอตทริบิวต์เนื้อหามีจำนวนเต็มบวกเพียงหนึ่งเดียวจะแสดงจำนวนวินาทีของวินาทีที่โหลดบนหน้า

หากแอตทริบิวต์การประชุมมีจำนวนเต็มบวกจากนั้นสตริง ';

 <meta http-equiv = refresh content = 2;

กำหนดคุกกี้ของหน้า

อย่าใช้คำแนะนำนี้ใช้ชุด set-cookie ของส่วนหัว http (https://developer.mozilla.org/en-s/docs/web/http/headers/set-cookie) แทน

มันถูกใช้เพื่อบอกเบราว์เซอร์ให้แสดงหน้า

 <meta http-equiv = x-ua composition เนื้อหา = ie = edge, chrome = 1/> ระบุ IE และ Chrome เพื่อแสดงหน้าปัจจุบันด้วยเวอร์ชันล่าสุด

คำจำกัดความของแอตทริบิวต์ชื่อเป็นของข้อมูลเมตาดาต้าระดับเอกสาร

ชื่อของข้อมูล meta -data เกี่ยวข้องกับค่าของแอตทริบิวต์เนื้อหา ค่าที่เป็นไปได้ของแอตทริบิวต์ชื่อคือ:

กำหนดชื่อของแอปพลิเคชันที่ทำงานบนหน้าเว็บ

ใช้เพื่อทำเครื่องหมายผู้แต่งเว็บเพจ

รวมถึงคำอธิบายของภาพขนาดย่อของเนื้อหาหน้า เบราว์เซอร์บางตัวเช่น Firefox และ Opera ใช้คำอธิบายเริ่มต้นนี้เป็นบุ๊กมาร์กเว็บ

มันถูกใช้เพื่อระบุซอฟต์แวร์ที่ทำโดยหน้าเว็บ

ใช้เพื่อบอกเครื่องมือค้นหาคำหลักของหน้าเว็บของคุณ

หากหน้าไม่ได้รับการอัปเดตบ่อยครั้งเพื่อลดแรงดันของเครื่องมือรวบรวมข้อมูลเครื่องมือค้นหาค้นหาไปยังเซิร์ฟเวอร์คุณสามารถตั้งค่าเวลาอีกครั้งสำหรับตัวรวบรวมข้อมูล หากเวลาการเยี่ยมชมอีกครั้งสั้นเกินไปตัวรวบรวมข้อมูลจะเข้าถึงได้ตามเวลาเริ่มต้นที่กำหนดไว้ ตัวอย่าง:

 <meta name = revisit-after content = 7 วัน>

เรนเดอร์เตรียมไว้สำหรับเบราว์เซอร์คู่ -คอร์เพื่อระบุว่าเบราว์เซอร์คู่ -คอร์แสดงหน้าอย่างไรโดยค่าเริ่มต้น ตัวอย่างเช่นเบราว์เซอร์ 360 ตัวอย่าง:

 <meta name = renderer content = webKit> // เคอร์เนล webKit เริ่มต้น <ชื่อ meta = renderer content = ie-comp> // โหมดความเข้ากันได้ที่เป็นค่าเริ่มต้น <meta name = เนื้อหา renderer = ie-sand> // ค่าเริ่มต้น

ผู้อ้างอิงควบคุมส่วนหัวผู้อ้างอิง http (https://developer.mozilla.org/en-us/docs/web/http/referer ในคำขอคำขอของเอกสารค่าที่เกี่ยวข้องอยู่ในเนื้อหา:

หุ่นยนต์ใช้เพื่อบอกสัตว์เลื้อยคลานหน้าของหน้าเว็บที่ต้องการดัชนีและหน้าใดไม่ต้องการดัชนี

ให้คำแนะนำเกี่ยวกับขนาดของขนาดเริ่มต้นของ Viewport สำหรับอุปกรณ์มือถือเท่านั้น

การใช้งานทั่วไป

การปรับขนาดต้องห้าม:

 <meta name = viewport content = เริ่มต้น = 1.0, ระดับต่ำสุด = 1.0, ระดับสูงสุด = 1.0, ผู้ใช้สามารถลดขนาดได้ = no/>

รีเฟรชหน้าเว็บโดยอัตโนมัติ

คุณสามารถตั้งค่าการดำเนินการรีเฟรชหน้าหลังจากระยะเวลาหนึ่ง Meta HTTP-Equiv = Refresh สามารถระบุเบราว์เซอร์เพื่อชะลอหน้าการรีเฟรชอัตโนมัติเป็นระยะเวลาหนึ่ง meta-tag ระบุเบราว์เซอร์ด้านล่างรีเฟรชโดยอัตโนมัติทุก ๆ 5 วินาที

 <meta http-equiv = refresh content = 5″ />

การเปลี่ยนเส้นทางอัตโนมัติ

เราสามารถใช้รีเฟรชเมตาแท็กเพื่อเปลี่ยนเส้นทางหน้า ตัวอย่างต่อไปนี้จะเยี่ยมชม www.vevb.com หลังจาก 5 วินาที

 <meta http-equiv = refresh content = 5;

แคชเบราว์เซอร์ต้องห้าม

เมื่อเราทดสอบหน้าเว็บในเครื่องเนื้อหาใหม่จะไม่ได้รับการอัปเดตในเวลาและอาจมีแคชเบราว์เซอร์ ในเวลานี้เราสามารถแก้ปัญหาได้ตราบใดที่เราปิดการใช้งานแคชเบราว์เซอร์โดยใช้แท็กเมตา รหัสทั่วไปมีดังนี้:

 <meta http-equiv = expires content = 0> <meta http-equiv = pragma content = no-cache> <meta http-equiv = cache-control content = no-cache>

ปลายทางของ Baidu Transcoding

 <meta http-equiv = cache-control content = no-sizeApp/>

ในการพัฒนามือถือรหัสที่ป้องกันหมายเลขเป็นหมายเลขโทรศัพท์:

 <Meta Content = โทรศัพท์ = ไม่มีชื่อ = การตรวจจับรูปแบบ />

อ้างถึง

องค์ประกอบ MDN HTML (https://developer.mozilla.org/en-s/docs/web/html/element/meta)))