ব্রাউজারের সামঞ্জস্যতা নিয়ে চিন্তা না করে আমি কোন HTML5 ট্যাগ ব্যবহার করতে পারি?

Question 1

আমি পিসিতে ব্যবহারের জন্য একটি ওয়েব অ্যাপ তৈরি করছি। আইই 8 এবং এর উপরের ব্রাউজারগুলির সাথে সামঞ্জস্যতা সম্পর্কিত সমস্যাগুলি রোধ করতে এইচটিএমএল 5 ট্যাগগুলি কী থেকে দূরে থাকবে?

দ্রষ্টব্য: সর্বাধিক প্রশ্নগুলি এই বিষয়টিতে 1-3 বছরের পুরানো।

Question 2

আপনি কী এইচটিএমএল 5 ট্যাগ থেকে দূরে থাকতে জিজ্ঞাসা করেছেন।

ভাল আমার জ্ঞান থেকে এইচটিএমএল 5 এর কিছু ট্যাগ শব্দার্থক কারণে তৈরি হয়েছিল। উদাহরণস্বরূপ নীচের মত।

<article> <section> <aside> <nav> <header> <footer> ..ect

এগুলির সাথে কাজ করার জন্য এটি প্রায় জরিমানা, এবং কেবলমাত্র সিএসএস যেমন একটি বিট প্রয়োজন। display: block;বেশিরভাগ ব্রাউজারে সাধারণত কাজ করতে, যদিও পুরানো ব্রাউজারগুলিতে। ইন্টারনেট এক্সপ্লোরারটি জাভাস্ক্রিপ্টে সামঞ্জস্যপূর্ণ হওয়ার জন্য আপনাকে একটি উপাদান তৈরি করতে হবে।

এখানে একটি উদাহরণ।

document.createElement('article');

<article>পুরানো ইন্টারনেট এক্সপ্লোরার ব্যবহারের জন্য উপাদানটি সেট আপ করবে।

আরও উন্নত এইচটিএমএল 5 ট্যাগগুলির জন্য যা জাভাস্ক্রিপ্টের কার্যকারিতা প্রয়োজন তা নীচের মত কিছু রয়েছে।

<audio> <video> <source> <track> <embed> And most importantly <canvas>

এই উপাদানগুলি পুরানো ব্রাউজারগুলিতে সমর্থন / শিবকে শক্ত করে তোলে। যদিও আমি নীচে ক্রস ব্রাউজার পলিফিলের একটি লিঙ্ক অন্তর্ভুক্ত করেছি, যদিও আমি ব্যক্তিগতভাবে সেগুলি তদন্ত করি নি।

সুতরাং আমি বলব যে জাভাস্ক্রিপ্ট কার্যকারিতা প্রয়োজন হয় না এমন যে কোনও উপাদান ক্রস ব্রাউজার সমর্থন কোডের একটি ক্ষুদ্র বিটের সাথে ব্যবহার করা পুরোপুরি ঠিক।

যদি আপনার টার্গেটিং > আইই 8 থাকে তবে আপনি যদি কোনও শিব ব্যবহার করেন তবে আপনার ভাল থাকতে হবে।

আমি কি পুরানো ব্রাউজারগুলি কল করব? <আই 9

এইচটিএমএল 5 ট্যাগগুলির জন্য ব্রাউজার সমর্থন আজ।

<section>, <article>, <aside>, <header>, <footer>, 
<nav>, <figure>, <figcaption>, <time>, <mark>

8 টিরও কম ইন্টারনেট এক্সপ্লোরার দ্বারা সমর্থিত নয় তবে এটি ঠিক করা যেতে পারে।

সিএসএস:

section, article, aside, header, footer, nav, figure, figcaption{
   display: block;
}
time, mark { 
    display: inline-block;
}

জাভাস্ক্রিপ্ট:

var elements = ['section', 'article', 'aside', 'header', 'footer', 'nav', 'figure', 'figcaption', 'time', 'mark'];
for( var i = 0; i < elements.length; i++ ) {
    document.createElement(elements[i]);
}

এবং <আইই 9 তে<audio> <video> <canvas> সমর্থিত নয়

> আই 8 এ <embed>উপাদানটির আংশিক সমর্থন রয়েছে

আপনার এই ট্যাগটিও সন্ধান করা উচিত।

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

এই metaট্যাগটি ইন্টারনেট এক্সপ্লোরারকে সর্বোচ্চ আই আই মোডে পৃষ্ঠাটি উপযুক্ততা মোডে না গিয়ে পৃষ্ঠাকে আই 7 বা 8 হিসাবে রেন্ডারিংয়ের পরিবর্তে প্রদর্শন করতে বলে tells যে আরো তথ্য এখানে ।

এইচটিএমএল 5 সহায়ক লিংক

কিক স্টার্টের জন্য আপনি এইচটিএমএল 5 বয়লারপ্লেটটি পরীক্ষা করে দেখতে পারেন

ব্রাউজারের সামঞ্জস্যতা সমর্থন টেবিলগুলির জন্য আপনি চেক আউট করতে পারেন - http://caniuse.com/

এইচটিএমএল 5 শিব - https://github.com/afarkas/html5shiv

এইচটিএমএল 5 পলিফিলের তালিকা - https: //github.com/Modernizr/Modernizr/wiki / ...

হালনাগাদ

যেমনটি একটি মন্তব্যে উল্লেখ করা হয়েছে

এক্স-ইউএ-সামঞ্জস্যপূর্ণ মেটা ট্যাগ সহ সতর্কতা অবলম্বন করুন। যদি আপনি এইচটিএমএল 5 বয়লারপ্লেটের মতো উপাদান ব্যবহার করেন যা উপাদানটির চারপাশে শর্তযুক্ত মন্তব্য রয়েছে (এটি এইচটিএমএল 5 ডক্টাইপ আইআইআরসি এর সাথেও ঘটে), আপনি আই 99 এমনকি ট্যাগের সাথে আই 77 স্ট্যান্ডার্ড মোডে জোর করে সমস্যায় পড়তে পারেন। আইই আবার স্ট্রাইক করে

আপনি এটি সন্ধান করতে চাইতে পারেন, এই মুহূর্তে আমার এই ব্যাক আপ করার কিছুই নেই।

Question 3

সাধারণত, সমস্যা আছে।

আমাকে বলা হয়েছে যে আপনার প্রশ্নটি এইচটিএমএল 5 ট্যাগ সম্পর্কে জিজ্ঞাসা করার জন্য শব্দযুক্ত তবে এটি আপনি খুঁজে পেতে বা লিখতে পারেন এমন কোনও জাভাস্ক্রিপ্টের আলোকে নতুন বৈশিষ্ট্যগুলি দেখার পক্ষেও কার্যকর।

অনুশীলনে, প্রস্তাবিত পদ্ধতিটি নির্দিষ্ট ব্রাউজারের চেয়ে বৈশিষ্ট্যের অস্তিত্বের জন্য পরীক্ষা করা। Modernizr স্ক্রিপ্ট এ ব্যাপারে সহায়ক হতে পারে, কিন্তু রিপোর্ট আছে HTML5 এর মধ্যে সনাক্তকরণের অযোগ্য বৈশিষ্ট্য ।

local storageআইই 8 তে ফিরে যাওয়ার মতো কিছু বৈশিষ্ট্য ।

অন্যদের মতো FileReader, আইই 10 / ফায়ারফক্স 21 / Chrome27 প্রয়োজন

বর্তমান তথ্যের জন্য, http://caniuse.com চেষ্টা করুন

Question 4

আপনার মত এইচটিএমএল 5 লিখুন এবং পুরানো ব্রাউজারগুলির সাথে সামঞ্জস্যতা নিশ্চিত করতে শিমগুলি ব্যবহার করবেন । আপনার কেবল জাভাস্ক্রিপ্ট এপিআইগুলিতে সত্যই সাবধান হওয়া দরকার কারণ এগুলি খুব কমই শিম-সক্ষম। আপনি যদি সামঞ্জস্যের জন্য বেসলাইন এইচটিএমএল 4 এ আটকে থাকার চেষ্টা করছেন, এইচটিএমএল 5 ব্যবহার করার কোনও মানে নেই।

Question 5

কোন ব্রাউজারগুলিতে কোন ট্যাগগুলি পাওয়া যায় এবং প্রতিটি ট্যাগের জন্য কোন স্তরের সহায়তার তাড়াতাড়ি তুলনা করার জন্য, এইচটিএমএল 5 টেস্ট.কম একটি দুর্দান্ত উত্স।

Question 6

আপনি এইচটিএমএল 5 এর সামঞ্জস্যের ম্যাট্রিক্সের সন্ধান করছেন

http://en.wikedia.org/wiki/Compistance_of_layout_engines_(HTML5)

Question 7

এছাড়াও, সেরা ক্রস ব্রাউজারের সামঞ্জস্যের জন্য, আমি আপনাকে এরিক মায়ার দ্বারা নির্মিত এই রিসেট.এসএস ব্যবহার করার পরামর্শ দিচ্ছি। http://meyerweb.com/eric/tools/css/reset/ এটি সমস্ত ব্রাউজারে একই আচরণ করতে, এমন উপাদানগুলিকে ব্রাউজার থেকে অন্যের তুলনায় আলাদা করে তোলে।