Meta Tags เป็นแท็กเสริมในพื้นที่ส่วนหัวของภาษา HTML พวกเขาอยู่ระหว่างแท็กหัวและแท็กชื่อเรื่องที่หัวของเอกสาร HTML พวกเขาให้ข้อมูลที่ผู้ใช้มองไม่เห็น
Meta: นั่นคือข้อมูลเมตาคือข้อมูลข้อมูลของข้อมูล
ข้อมูลเมตาสามารถเรียกได้โดยเบราว์เซอร์ (วิธีการแสดงเนื้อหาหรือโหลดหน้าใหม่), เครื่องมือค้นหา (คำหลัก) หรือบริการเว็บอื่น ๆ
ในคำพูดธรรมดาของเรามันเป็นแท็กที่ไร้ประโยชน์ แต่เมื่อมีการตั้งเอฟเฟกต์บางอย่างภายในผ่านคุณสมบัติอื่น ๆ มันใช้งานได้ดังนั้นเราจึงเรียกมันว่าข้อมูลเมตา
<!-กำหนดตัวละครการเข้ารหัสของเอกสาร-> <meta charset = utf-8 /> <!-บังคับเคอร์เนลโครเมียมซึ่งทำหน้าที่ในเบราว์เซอร์คู่ในประเทศเช่นเบราว์เซอร์ 360 เบราว์เซอร์ qq ฯลฯ-> name = force-rendering content = webKit/> <!-ถ้าติดตั้งปลั๊กอินเฟรมของ Google Chrome มันถูกบังคับให้เป็นเคอร์เนลโครเมียมมิฉะนั้นเคอร์เนล IE รุ่นสูงสุดที่รองรับโดยเครื่องจะถูกบังคับให้ใช้กับเบราว์เซอร์ IE Layout Viewport เป็นจำนวนเต็มบวกหรือค่าเริ่มต้นของสตริง-อุปกรณ์เริ่มต้นค่าเริ่มต้นค่าเริ่มต้นค่าเริ่มต้นของหน้าเป็นตัวเลขมันสามารถใช้ค่าการปรับขนาดขั้นต่ำของผู้ใช้เป็นตัวเลขมันสามารถใช้ค่าการปรับขนาดสูงสุดของผู้ใช้ Shrink-to-Fit = NO ใน iOS9 หากจำเป็นต้องใช้แอตทริบิวต์ก่อนหน้านี้จะต้องเพิ่มความสูงนี้เพื่อตั้งค่าความสูงของวิวพกพา คุณลักษณะนี้ไม่สำคัญสำหรับเรา มันไม่ค่อยใช้ในการใช้ที่ผู้ใช้สามารถลดขนาดได้ไม่ว่าผู้ใช้จะได้รับอนุญาตให้ปรับขนาดค่าไม่ได้หรือใช่ไม่ได้รับอนุญาตไม่อนุญาตใช่วิธีการอนุญาต-> <meta name = viewport content = width = ความกว้างของอุปกรณ์, ระดับเริ่มต้น = 1.0, shrink-to-fit = no, NO/MOSTA DESCILED อักขระ/> <!-คีย์เวิร์ดหน้า-> <meta name = keywords content =/> <!-เว็บผู้แต่ง-> <meta name = เนื้อหาผู้เขียน = name, [email protected]/> <!-เครื่องมือค้นหาการรวบรวมข้อมูลทั้งหมด: ไฟล์จะถูกดึงออกมา ไม่มี: ไฟล์จะไม่ถูกเรียกคืนและลิงก์ในหน้าไม่สามารถสอบถามได้ ดัชนี: ไฟล์จะถูกเรียกคืน; ติดตาม: ลิงก์ในหน้าสามารถสอบถามได้; Noindex: ไฟล์จะไม่ถูกเรียกคืน; Nofollow: ลิงก์ในหน้าไม่สามารถสอบถามได้ -> <meta name = robots content = index, follow/> <!-ละเว้นหมายเลขในหน้าที่จะรับรู้เป็นโทรศัพท์ละเว้นการจดจำอีเมล-> <meta name = เนื้อหาการตรวจจับรูปแบบ = telphone = ไม่, อีเมล = no/> <!-iOS เริ่มต้น-> <! เพิ่มลงในหน้าจอหลักแถบที่อยู่สามารถซ่อนได้และเป็นเพียง iOS Safari (หลังจาก iOS7.0 เวอร์ชันเอฟเฟกต์จะไม่ปรากฏบน Safari อีกต่อไป)-> <meta name = Apple-Mobile-web-web-web-apta-wes-> <! แถบโฆษณาแอพสมาร์ทแบนเนอร์แอพอัจฉริยะ (iOS 6+ Safari)-> <meta name = Apple-itunes-App Content = App-id = MyAppStoreid, Affiliate-Data = MyAffiliatedata, App-Argument = MyUrl> <! name = apple-mobile-web-app-status-bar-bar-style = black /> <!-ไม่อนุญาตให้ baidu transcode-> <meta http-equiv = cache-control content = no-siteapp /> <! เบราว์เซอร์เก่าของ Microsoft-> <meta name = mobileoptimized content = 320> <!-UC Force Force Vertical Screen-> <meta name = เนื้อหาการวางแนวหน้าจอ = ภาพบุคคล> <! name = x5-fullscreen content = true> <!-โหมดแอปพลิเคชัน uc-> <meta name = browsermode content = application> <!-โหมดแอปพลิเคชัน QQ-> <meta name = x5-page mode mode = app> <! iPhone และ Itouch, ค่าเริ่มต้น 57x57 พิกเซล, ต้องมี-> <link rel = apple-touch-icon-precomposed size = 57x57 href = table_ico57.png> <! href = table_ico72.png> <link rel = apple-touch-icon-precomposed ขนาด = 114x114 href = table_ico114.png> <!-Retina iPad, 144x144 Pixels = 14444 href = table_ico144.png> <!-หน้าจอเริ่มต้น iOS เริ่มต้น-> <!-หน้าจอแนวตั้ง iPad 768 x 1004 (ความละเอียดมาตรฐาน)-> <link rel = apple-touch-startup-image = 768x1004 href =/splash-screen-768x1004.png/> -> <link rel = apple-touch-startup-image ขนาด = 1024x748 href =/default-portrait-1024x748.png/> <!-หน้าจอแนวตั้ง iPad 1536x2008 href =/splash-screen-1536x2008.png/> <!-หน้าจอแนวนอน iPad 2048x1496 (Retina)-> <link rel = apple-touch-startup-image = 2048x1496 href =/splash-screen-2048x1496.png/ (ความละเอียดมาตรฐาน)-> <link rel = apple-touch-startup-image href =/splash-screen-320x480.png/> <!-หน้าจอแนวตั้ง iphone/iPod Touch 640x960 (Retina)-> <link rel = Apple-Touch-startup-image href =/splash-screen-640x960.png/> <!-iphone 5/ipod touch 5 หน้าจอแนวตั้ง 640x1136 (Retina)-> <link rel = apple-touch-startup-image = 640x1136 href =/splash-screen-screen-640x1136.png -> <meta name = msapplication-tilecolor content =#000/> <!-ไอคอน Tile Windows 8-> <meta name = msapplication-tileimage content = icon.png/> <!-เพิ่มการสมัครสมาชิก RSS-> <link rel = type = application/rss+xml title = rss href =/rsss. api-> <คุณสมบัติ meta = og: type content = type/> <meta property = og: url content = address url/> <meta property = og: title content = title/> <meta property = og: image content = image content = picture/> <meta property = og: คำอธิบายปัญหาการเข้าถึงด้วยเบราว์เซอร์ IE รุ่นล่าง
เพิ่มรหัสที่บังคับให้เคอร์เนล WebKit ไม่มีปัญหาความเข้ากันได้ของ IE กับการใช้เบราว์เซอร์ในประเทศเพื่อเข้าถึงเว็บไซต์และจำนวนผู้เยี่ยมชม IE จะลดลงอย่างมาก แต่ก็ยังหลีกเลี่ยงไม่ได้ที่คอมพิวเตอร์เครื่องเก่าบางเครื่องจะเข้าถึงได้ผ่านเบราว์เซอร์ IE รุ่นล่าง หากเราทำการแฮ็ค CSS โดยเฉพาะสำหรับผู้ใช้จำนวนน้อยนี้มันจะเพิ่มปริมาณงานของเราอย่างจริงจัง
ยิ่งไปกว่านั้นตั้งแต่เดือนมกราคม 2559 Microsoft ได้หยุดให้การสนับสนุนและอัปเดตเป็น IE11 ด้านล่าง ยังไม่ได้รับการปรับปรุงมานาน IE รุ่นต่ำไม่เพียง แต่มีปัญหาเกี่ยวกับการสนับสนุน CSS3 และ HTML5 เท่านั้น แต่ยังมีปัญหาด้านความปลอดภัยอีกด้วย
ดังนั้นหากเราไม่สนับสนุนรุ่นต่ำเช่นผู้ใช้จำนวนน้อยเหล่านี้ควรทำอย่างไร
เราสามารถใช้คำสั่ง IE IE เพื่อเพิ่ม IE Upgrade Prompts ไปยังเว็บไซต์กระตุ้นให้ผู้ใช้อัพเกรดเบราว์เซอร์หรือเปลี่ยนไปใช้เบราว์เซอร์ขั้นสูงก่อนที่จะเข้าถึง
เราสามารถเพิ่มรหัสหนึ่งเพื่อข้ามไปยังหน้าพรอมต์อัพเกรด IE ภายใต้แท็กเมตาเพียงตอนนี้ (กระโดดเมื่อรุ่น IE ต่ำกว่า IE11) ดังนั้นผู้ใช้รุ่น IE รุ่นต่ำกว่าจะอัพเกรดหรือเปลี่ยนเบราว์เซอร์เมื่อเข้าถึง
บังคับให้เคอร์เนล WebKit และแจ้งให้ผู้ใช้อัปเกรดรหัสที่สมบูรณ์ของผู้ใช้ Access รุ่นต่ำเช่นที่แสดงด้านล่าง เพิ่มรหัสนี้ลงในไฟล์เทมเพลตหัว <head> แท็ก:
<meta name = renderer content = webkit/> <meta name = force rendering content = webKit/> <meta http-equiv = เนื้อหาที่เข้ากันได้กับ x-ua = ie = edge, chrome = 1/> <script>/*@cc_on window.location.href = http: //support.dmeng.net/upgrade-your-browser.html? referrer =+encodeuricomponent (window.location.href); @*/</script>
(@CC_ON เป็นคำสั่งการรวบรวมแบบมีเงื่อนไขที่ไม่ซ้ำกับ IE10 และ IE รุ่นเก่ากว่าดังนั้นจึงสามารถใช้ในการพิจารณาว่ารุ่นอื่น ๆ ที่ไม่ใช่ IE11 หรือไม่)
เนื่องจากรุ่นต่ำ IE มักจะเข้ากันไม่ได้กับเว็บไซต์ CSS3 และ HTML5 เมื่อเข้าถึงรหัสด้านบนจะถูกเพิ่มและเมื่อผู้ใช้รุ่นต่ำเช่นการเข้าถึงผู้ใช้จะข้ามไปยังหน้าพรอมต์อัพเกรดเพื่อหลีกเลี่ยงการโหลดทรัพยากรที่ไม่จำเป็น
รหัสทดสอบ<! doctype html> <html lang = en> <head> <meta charset = utf-8/> <meta name = viewport content = width = ความกว้างของอุปกรณ์, ระดับเริ่มต้น = 1.0/> <title> http-equiv = เนื้อหาที่เข้ากันได้กับ x-ua = ie = edge, chrome = 1/> <script>/*@cc_on window.location.href = http: //support.dmeng.net/upgrade-your-browser.html @*/</script> </head> <body> <h1> Hello World </h1> </body> </html>
เช่น 11 จะส่งออกตามปกติ
เช่น 10 จะเห็นหน้าต่อไปนี้
อ้างถึงสรุปการใช้เมตาส่วนหน้า - MR_LIXP
บังคับให้เบราว์เซอร์ใช้โหมดความเร็วเคอร์เนล WebKit ผ่านรหัสเมตา (แก้ Meta Name = เนื้อหา renderer = WebKit ไม่ทำงาน)- [AI Huanhuan]
การตั้งค่าเมตาสำหรับหน้าเว็บมือถือ - Tianya Passerby
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น