علامات التعريف هي علامة مساعدة في منطقة رأس لغة HTML. وهي موجودة بين علامة الرأس وعلامة العنوان على رأس وثيقة HTML. أنها توفر معلومات غير مرئية للمستخدم.
META: أي أن البيانات الوصفية هي معلومات بيانات البيانات.
يمكن استدعاء البيانات الوصفية بواسطة متصفح (كيفية عرض المحتوى أو إعادة تحميل صفحة) أو محرك البحث (الكلمة الرئيسية) أو خدمة ويب أخرى.
بكلماتنا البسيطة ، إنها علامة عديمة الفائدة نفسها ، ولكن بمجرد تعيين بعض التأثيرات داخلها من خلال خصائص أخرى ، فهي تعمل ، لذلك نسميها بيانات التعريف.
<!-حدد تشفير حرف الوثيقة-> <meta charset = utf-8 /> <!-إجبار kernel chromium ، التي تعمل على متصفحات النواة المزدوجة المحلية مثل 360 متصفحات ، QQ متصفحات ، content=webkit/><!-- If the Google Chrome Frame plug-in is installed, it is forced to be the Chromium kernel, otherwise the highest version of the IE kernel supported by the machine is forced to be used on IE browsers --><meta http-equiv=X-UA-Compatible content=IE=Edge,chrome=1/><!-- Set the window size width Set the width of layout viewport to a positive عددًا صحيحًا ، أو عرض الأولي عرض الأولي ، قم بتعيين قيمة التحجيم الأولية للصفحة ، كرقم ، يمكن أن يأخذ الحد الأدنى لقيمة التحجيم للمستخدم ، كرقم ، يمكن أن يستغرق الحد الأقصى لقيمة التحجيم لأقصى قدر من المستخدم ، كرقم ، يمكن أن يستغرق الأمر أقصى قيمة للتسجيل ، كما ، على أنه لا يمكن أن يأخذ في حالة توقيت. يجب استخدام السمة السابقة ، ويجب إضافة هذا الارتفاع لضبط ارتفاع منفذ عرض التصميم. هذه السمة ليست مهمة بالنسبة لنا. نادراً ما يتم استخدامه لاستخدام قابلة للتشويش على المستخدم ما إذا كان المستخدم مسموحًا بالتوسيع نطاقًا ، أو القيمة لا أو بنعم ، لا يعني عدم السماح ، نعم يعني السماح-> <name meta = viewport content = width = width device ، inial-scale = 1.0 ، rekrink to fit = no ، mimit-scale = 1.0 ، maximum-scale = 1.0 ، user-scalable = no/> أحرف/> <!-الكلمات الرئيسية الصفحة-> <meta name = محتوى الكلمات الرئيسية =/> <!-مؤلف الويب-> <meta name = uptor content = name ، [email protected]/> <!-محرك البحث كله: سيتم استرداد الملف ، ويمكن استعادة الروابط الموجودة على الصفحة ؛ لا شيء: لن يتم استرداد الملف ، ولا يمكن الاستعلام عن الروابط الموجودة على الصفحة ؛ الفهرس: سيتم استرداد الملف ؛ متابعة: يمكن الاستعلام عن الروابط الموجودة على الصفحة ؛ Noindex: لن يتم استرداد الملف ؛ Nofollow: لا يمكن الاستعلام عن الرابط الموجود على الصفحة. -> <meta name = robots content = index ، اتبع/> <!-تجاهل الرقم في الصفحة المراد الاعتراف به كهاتف ، وتجاهل التعرف على البريد الإلكتروني-> <meta name = content التنسيق = telphone = لا ، البريد الإلكتروني = no/> <! تمت إضافته إلى الشاشة الرئيسية ، ويمكن إخفاء شريط العناوين ، وهو فقط لـ iOS Safari (بعد إصدار iOS7.0 ، لم يعد التأثير مرئيًا على Safari)-> <name meta = Apple-Mobile-Web-App-cuped content = apple-touch-full =! content = yes/> <!-أضف شريط إعلانات SMART SMART APP BANNER (IOS 6+ SAFARI)-> <meta name = Apple-itunes-App شفاف)-> <name meta = Apple-mobile-web-app-status-style content = black /> <!-لا تسمح لـ baidu بالترحيل-> <meta http-equiv = محتوى cache-control = no-siteap name = handheldfriendly content = true> <!-متصفح Microsoft القديم-> <name meta = mobileOptimized content = 320> <!-UC Force Screen-> <meta name = screen-orial content = portrait> <! content = yes> <!-QQ Force full screen-> <meta name = x5-fullScreen content = true> <!-UC Mode Application-> <meta name = browsermode content =! إضافة موقع الويب إلى سطح المكتب iOS-> <!-iPhone و Itouch ، الافتراضي 57x57 بكسل ، يجب أن يكون-> <link rel = apple-touch-icon-sister-sister = 57x57 href = table_ico57.png> <! rel = أحجام Apple-touch-iCon-Icon-proconded = 72x72 Href = table_ico72.png> <link rel = apple-touch-icon-sister-sister = 114x114 href = table_ico114 أحجام = 144x144 HREF = TABLE_ICO144.PNG> <!-تبدأ شاشة بدء التشغيل iOS-> <!-شاشة iPad عمودي 768 × 1004 (دقة قياسية)-> <link rel = Apple-touch-startup-dise-sives = 768x1004 href =/splash-screen-768x1004.png 1024 × 748 (دقة قياسية)-> <link rel = apple-touch-startup-sizes = 1024x748 href =/default-portrait-1024x748.png/> <! href =/splash-screen-1536x2008.png/> <!-iPad الشاشة الأفقية 2048x1496 (Retina)-> <link rel = apple-touch-startup-dists = 2048x1496 href =/splash-screen-2048x1496.png/> (دقة قياسية)-> <link rel = apple-touch-startup-dimage href =/splash-screen-320x480.png/> <!-iPhone/iPod touch الشاشة العمودية 640x960 href =/splash-screen-640x960.png/> <!-iPhone 5/iPod touch 5 الشاشة العمودية 640x1136 (Retina)-> <link Rel = Apple-Touch-Startup-Dists = 640x1136 Href =/Splash-Screen-640x10.png/ -> <name meta = msapplication-tileColor content =#000/> <! WEIBO API-> <property meta = og: type content = type/> <meta property = og: url content = url address/> <meta property = og: title content = title/> <meta propertمشكلات الوصول مع إصدار أقل من متصفح IE
أضف رمزًا يفرض على WebKit kernel. لا توجد مشكلة في التوافق مع استخدام المتصفحات المحلية للوصول إلى مواقع الويب ، وسيتم تقليل عدد زوار IE إلى حد كبير. ولكن لا يزال من المحتم أن يتم الوصول إلى بعض أجهزة الكمبيوتر القديمة من خلال الإصدار السفلي من متصفح IE. إذا أجرينا اختراق CSS خصيصًا لهذا العدد الصغير من المستخدمين ، فسيزيد ذلك بشكل خطير من عبء العمل لدينا.
ما هو أكثر من ذلك ، منذ يناير 2016 ، توقفت Microsoft عن تقديم الدعم والتحديثات إلى IE11 أدناه. لم يتم تحديثه لفترة طويلة. لا يعاني IE المنخفضة IE مع دعم CSS3 و HTML5 فحسب ، بل يحتوي أيضًا على مشكلات أمنية.
لذا ، إذا لم ندعم النسخة المنخفضة ، فما الذي يجب أن يفعله هؤلاء المستخدمون الصغير؟
يمكننا استخدام عبارة IF IF لإضافة مطالبات ترقية IE إلى موقع الويب ، مما يدفع المستخدمين إلى ترقية متصفحهم ، أو التبديل إلى متصفحات أكثر تقدمًا قبل الوصول.
يمكننا إضافة قطعة من التعليمات البرمجية للقفز إلى صفحة مطالبة ترقية IE أسفل علامة التعريف الآن (القفز عندما يكون إصدار IE أقل من IE11) ، بحيث يطالب مستخدمو الإصدارات المنخفضة من IE بترقية أو تغيير متصفحهم عند الوصول.
إجبار kernel webkit وأطلب من المستخدم ترقية الكود الكامل لمستخدم IE للوصول إلى النسخ المنخفض كما هو موضح أدناه. أضف هذا الرمز إلى ملف قالب الرأس <head> العلامة:
<name meta = conterer content = webkit/> <meta name = محتوى تقديم القوة = webkit/> <meta http-equiv = x-ua content = ie = edge ، chrome = 1/> <script>/*@cc_on window.location.href = http: //support.dmeng.net/upgrade-your-browser.html؟ reflerer =+encodeUricomponent (window.location.href) ؛ @*/</script>
(CC_ON عبارة عن عبارة تجميع مشروطة فريدة من نوعها على IE10 والإصدارات الأقدم من IE ، بحيث يمكن استخدامها لتحديد ما إذا كانت إصدارات IE أخرى غير IE11.)
نظرًا لأن IE المنخفضة في كثير من الأحيان لا يتوافق مع مواقع الويب CSS3 و HTML5 عند الوصول ، تتم إضافة الكود أعلاه ، وعندما تصل مستخدم IE ESERED ، فإنه سيقفز إلى صفحة المطالبة بالترقية لتجنب تحميل الموارد غير الضروري وتقليل خادم موقع الويب.
رمز الاختبار<! doctype html> <html lang = en> <head> <meta charset = utf-8/> <meta name = viewport content = width = width device ، inial-scale = 1.0/> <title> docum http-equiv = x-ua contency content = ie = edge ، chrome = 1/> <script>/*@cc_on window.location.href = http: //support.dmeng.net/upgrade-your-browser.html؟ endrer =+encodeuricompononation (window.location.href) ؛ @*/</script> </head> <body> <h1> Hello World </h1> </body> </html>
IE 11 سوف يخرج بشكل طبيعي
أي 10 سوف ترى الصفحة التالية
الرجوع إلىملخص لاستخدام الوصل الأمامي - MR_LIXP
إجبار المستعرض على استخدام وضع سرعة ويب kernel من خلال رمز meta (حل اسم meta = محتوى العارض = webkit لا يعمل)- [ai huanhuan]
إعدادات meta لصفحات الويب المحمولة - Tianya passerby
ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.