আই 10 10 আই 7 মোডে রেন্ডার করে। স্ট্যান্ডার্ডস মোডকে কীভাবে জোর করবেন?

121

মাইক্রোসফ্টসের সাইটে তারা দাবি করেছে যে সহজ ডক্টাইপ ঘোষণা যথেষ্ট। এটি এমনকি আই 7 মোডে ফিরে আসার মতো ছোট্ট একটি দস্তাবেজও:

<!DOCTYPE html>
<html>
<head>
   <title></title>
</head>
<body>

</body>
</html>

http://d.pr/i/fvzb+

— firedev
সূত্র

244

ইন্টারনেট এক্সপ্লোরার এই ধারণাটি তৈরি করে যে বেশিরভাগ ওয়েবপৃষ্ঠাগুলি আইই এর পূর্ববর্তী সংস্করণগুলিকে টার্গেট করার জন্য লেখা হয়েছিল এবং সর্বোত্তম সামঞ্জস্যতা মোড (কখনও কখনও ভুলভাবে) নির্ধারণ করার জন্য ডক্টিপ, মেটা ট্যাগ এবং এইচটিএমএল দেখে। এমনকি কোনও এইচটিএমএল 5 ডক্টাইপ সহ আইই যদি আপনার ইন্ট্রনেট সাইট হয় তবে আপনার ওয়েবসাইটটিকে সামঞ্জস্য মোডে রাখবে।

আপনার ওয়েবসাইট সর্বদা সর্বশেষতম স্ট্যান্ডার্ড মোড ব্যবহার করে তা নিশ্চিত করতে আপনি হয় তা Display intranet sites in Compatiblyবন্ধ করে দেওয়া নিশ্চিত করতে পারেন । তবে আপনাকে ওয়েব সার্ভারে স্থানীয় প্রতিটি মেশিনে এটি করতে হবে (নির্দেশাবলী নীচে রয়েছে)।

বিকল্পভাবে, এবং আরও ভাল, আপনি X-UA-Compatibleসার্ডার থেকে এটি বন্ধ করতে শিরোলেখ ব্যবহার করতে পারেন । এটি লক্ষ করা গুরুত্বপূর্ণ যে মেটা ট্যাগ ব্যবহার করে কোনও কাজ হবে না!

<!-- Doesn't always work! -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

এমএসডিএন জুড়ে এটি উল্লেখ করা হয়েছে যে হোস্ট শিরোলেখ বা একটি মেটা ট্যাগ ব্যবহার করে এমনকি ইন্ট্রনেট সাইটগুলিও ওভাররাইড করা উচিত। ইন্টারনেট এক্সপ্লোরার 8 এ সামঞ্জস্যতার মোডগুলি বোঝার নিবন্ধটি নীচে বলেছে।

বিপুল সংখ্যক অভ্যন্তরীণ ব্যবসায়ের ওয়েব সাইটগুলি ইন্টারনেট এক্সপ্লোরার 7 এর জন্য অনুকূলিত হয়েছে তাই এই ডিফল্ট ব্যতিক্রমটি সেই সামঞ্জস্যতা সংরক্ষণ করে। ... আবার যদি কোনও মেটা ট্যাগ বা HTTP শিরোনাম নথিতে একটি সামঞ্জস্যতা মোড সেট করতে ব্যবহৃত হয় তবে এটি এই সেটিংসটিকে ওভাররাইড করে।

তবে, বাস্তবে এটি কাজ করবে না, হোস্ট শিরোনাম ব্যবহার করা একমাত্র বিকল্প যা কাজ করে। নিবন্ধের মন্তব্য বিভাগেও এই সঠিক সমস্যার অসংখ্য উদাহরণ দেখায়।

একটি মেটা ট্যাগ ব্যবহার করার সাথে সাথে আরও বেশ কয়েকটি সমস্যা রয়েছে যেমন ট্যাগটি সরাসরি <head>ট্যাগের নিচে না থাকলে তা উপেক্ষা করা বা এটির আগে খুব বেশি ডেটা থাকলে (4 কে)। এটি আইই এর কয়েকটি সংস্করণে দস্তাবেজটিকে পুনরায় বিতরণ করতেও ট্রিগার করতে পারে যা রেন্ডারিংকে কমিয়ে দেয়। এমএসডিএন নিবন্ধ সেরা অনুশীলন: আপনি এই বিষয়গুলি সম্পর্কে আরও পড়তে পারেন যথাযথভাবে আপনার হেড করুন ।

এক্স-ইউএ-সামঞ্জস্যপূর্ণ শিরোনাম যুক্ত করা হচ্ছে

আপনি যদি নেট এবং আইআইএস ব্যবহার করে থাকেন তবে আপনি এটিতে যোগ করতে পারেন web.config, আপনি প্রোগ্রামিয়ালি এই কাজটি করতেও পারেন:

<system.webServer>
  <httpProtocol>
    <customHeaders>
      <add name="X-UA-Compatible" value="IE=edge" />
    </customHeaders>
  </httpProtocol>
</system.webServer>

আপনি যদি আইআইএস ব্যবহার না করেন তবে কোনও ভাষায় করা সহজ। উদাহরণস্বরূপ, পিএইচপি-তে এটি কীভাবে করা যায় তা এখানে:

header('X-UA-Compatible: IE=edge');

যতক্ষণ X-UA-Compatibleশিরোনাম HTML5 ডক্টিপ সহ উপস্থিত থাকে ততক্ষণ কোনও সাইট সর্বদা সর্বশেষতম স্ট্যান্ডার্ড মোডে চলবে।

সামঞ্জস্যতা দর্শন বন্ধ করা সামঞ্জস্যতা ভিউ বন্ধ
করতে এটি এখনও কার্যকর হতে পারে। Display all intranet sites in compatibility viewসামঞ্জস্যতা দৃশ্যের সেটিংসে এটি অচিহ্নিত করতে ।

উপযুক্ততা দেখা সেটিংস

আপনি Altমেনু পেতে আঘাত করে এটি আনতে পারেন ।

এখানে চিত্র বর্ণনা লিখুন

সম্পাদনা করুন এই উত্তরটি আইই 9 এর সাথেও সম্পর্কিত।

— ড্যানিয়েল লিটল
সূত্র

আমার অজ্ঞতা ক্ষমা করুন, তবে কীভাবে এই সেটিংস শীটে পাবেন? আমি ইন্টারনেট এক্সপ্লোরার সেটিংস পরীক্ষা করেছিলাম, অ্যাড্রেস বারে সামঞ্জস্যতা ভিউতে ডান ক্লিক করেছি - কিছুই না।

— বরখাস্ত

2

@ altটুলবারটি সামনে আনার জন্য ব্যবহার করুন , এটি সরঞ্জামের অধীনে -> কমপ্যাট ভিউ সেটিংসের মধ্যে রয়েছে

— ড্যানিয়েল লিটল

ওহ আপনাকে ধন্যবাদ, দেখে মনে হচ্ছে এটি সমাধান হয়েছে। তারা কেন একেবারেই তা করেছে তা অবাক করে দেয়।

— বরখাস্ত

25

+1000;)। এস-ও-কে অবশ্যই প্রতিটি উত্তরকে এই উত্তরটি দেখতে বাধ্য করা উচিত, যখন তারা তাদের প্রশ্নে কোনও [আইই] ট্যাগ এবং একটি শব্দ "সামঞ্জস্যপূর্ণ" করছে, এমনকি তারা আসলে এই প্রশ্নটি পোস্ট করার আগেই।

— টিমু

2

আমি প্রকল্পের ওয়েবকনফাইগে কাস্টম শিরোনাম বিভাগ যুক্ত করার চেষ্টা করেছি। এটি প্রদর্শিত হবে যে সেটিংটি ইন্ট্রানেট সাইটের জন্য সামঞ্জস্যতা ভিউ ব্যবহারের জন্য IE সেটিংসটিকে ওভাররাইড করে না।

— ডোমেনিকড্যাটি

25

এটি আমার পক্ষে কাজ করে ..

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

— JGilmartin
সূত্র

11

লাভবিস্কি যেমন উপরে বলেছেন এনবি, "মেটা ট্যাগ ইন্ট্রানেট সাইটের জন্য কিছু করে না।"

— নাথান

2

এটি মূল্যবান X-UA-Compatibleহ'ল কোনও হোস্টেড ওয়েবসাইটের জন্য (নন-ইন্ট্রানেট সাইট) যার মেটা ট্যাগ রয়েছে, তবুও আইই 10 স্ট্যান্ডার্ড ডকুমেন্ট মোডটিকে পৃষ্ঠা ডিফল্ট হিসাবে ট্রিগার করছে না, আমি দেখতে পেলাম যে যদি মেটা ট্যাগ স্ক্রিপ্ট ট্যাগের নীচে অবস্থিত থাকে বা ঠিক হয় <head>ডোম গাছের উপরে থেকে খুব দূরে , আই 10 108 ডকুমেন্ট মোড আইই 8 স্ট্যান্ডার্ডগুলিতে সেট করে এবং সেট করে। সুতরাং, আপনার IE=edgeমেটা ট্যাগটি ট্যাগটি বন্ধ রাখুন <title>। যখন শিরোনাম টেমপ্লেট ফাইলে হার্ড কোডড না থাকে তখন ওয়ার্ডপ্রেস সাইটগুলির জন্য সর্বদা সহজ ফিক্স নয়। আইটি 11 কোথায় মেটা ট্যাগ রয়েছে তা যত্নশীল কিনা তা নিশ্চিত নন তবে আশা করি এটি কারও পক্ষে সহায়ক প্রমাণিত।

— খাঁটি ফিউশন

1

আমার মতো অন্ধ অনুলিপি এবং পাস্টারদের জন্য, এটি ক্লোজিং ট্যাগটি অনুপস্থিত। । <মেটা http-برابر = "এক্স-ইউএ-সামঞ্জস্যপূর্ণ" সামগ্রী = "আইই = এজ"> </meta>

— জন নিউম্যান

আপনি যদি এক্সএইচটিএমএল

— ডক্টিপ

2

এছাড়াও এই ট্যাগটি <হেড>

— ক্রিস গুণাওয়ারডেনা

10

মাথায় নিম্নলিখিত ট্যাগ যুক্ত করার চেষ্টা করুন

<meta http-equiv="X-UA-Compatible" content="IE=11,IE=10,IE=9,IE=8" />

— জিউ লি হুয়ান
সূত্র

5

এটি IE=Edgeপরিবর্তে হওয়া উচিত

— ড্যানিয়েল লিটল

1

তবে ঝুঁকি রয়েছে যে আইই এর ভবিষ্যতের সংস্করণগুলি খারাপ কিছু করে এবং আপনার সাইটটিকে ভেঙে দেয়

— জ্যো লি হুয়ান

7

না যদি আপনি এই অনুমানটি অনুসরণ করেন তবে এটি কোনও ঝুঁকি নয়, আপনি ক্রোমের জন্য লোকেরা এমনটি দেখছেন না।

— ড্যানিয়েল লিটল

1

এই ট্যাগটি <হেড>

— ক্রিস গুণাওয়ারডেনা

1

এই উত্তরের সম্পাদনাটি বোঝায় যে এটি কেন ভাল ধারণা নয়। গৃহীত উত্তর হ'ল সেরা সমাধান।

— ডেভিড গ্রানাডো

2

মেটা ট্যাগটি ইন্ট্রানেট সাইটগুলির জন্য কিছু করে না এবং আমার ইস্যুটি আইই 10 সামঞ্জস্যতা মোডে আইই 10 রেন্ডারিং ছিল। আমার কাছে যে বিষয়টি সমস্যা সমাধান করেছিল তা হ'ল জিও এর উত্তর আরও নিয়ে যাচ্ছিল এবং web.configআইআইএস এর অধীনে নিম্নলিখিতটি যুক্ত করে কোনও HTTP শিরোনামে সেই মানটি ব্যবহার করা হয়েছিল:

<system.webServer>
  <httpProtocol> 
    <customHeaders> 
      <clear />
      <!-- <add name="X-UA-Compatible" value="IE=edge" /> not good enough -->
      <add name="X-UA-Compatible" value="IE=11,IE=10,IE=9,IE=8" /> 
    </customHeaders> 
  </httpProtocol>
</system.webServer>

আই আই উদ্দেশ্যে, ইন্ট্রানেট সাইটগুলিতে জনসাধারণের মুখোমুখি সাইটগুলি অন্তর্ভুক্ত থাকে যা বাহ্যিকভাবে রুটে যায় না - উদাহরণস্বরূপ অফিস থেকে কর্মরত স্ট্যাকওভারফ্লো কর্মচারী সম্ভবত স্ট্যাকওভারফ্লো.কমকে সামঞ্জস্যতা মোডে দেখতে পাবেন।

— ওভার
সূত্র

1

আমি যখন ফোলিং করতাম তখন এটি আমার পক্ষে পুরোপুরি কাজ করেছিল:

উপর http://msdn.microsoft.com/en-us/library/gg699338(v=vs.85).aspx

তারা প্রথম বাক্সে প্রদানের সঠিক উদাহরণটি ব্যবহার করেছেন ( </html>নীচে নিখোঁজ যুক্ত করেছেন ), এটি আইই 10 তে খোলা হয়েছে এবং মানদণ্ডগুলি বাধ্য করা হয়েছিল, আমি মনে করি এটি মান নিশ্চিত করতে বাধ্য না করার জন্য আপনার এইচটিএমএলে প্রকৃত সামগ্রীর প্রয়োজন হতে পারে।

আমার পরামর্শটি হ'ল আপনার খালি কোডটিকে আসল সামগ্রী (সাধারণ কিছু) দিয়ে প্রতিস্থাপন করা হবে এবং এটি কী করে তা দেখুন।

— ZacNespral21
সূত্র