এইচটিএমএল 4 এবং এইচটিএমএল 5 এর মধ্যে মূল পার্থক্য কী?


145

এইচটিএমএল 4 এবং এইচটিএমএল 5 খসড়ার মধ্যে মূল পার্থক্যগুলি কী কী ?

পরিবর্তিত বাক্য গঠন এবং যুক্ত / সরানো এইচটিএমএল উপাদান সম্পর্কিত উত্তরগুলি রাখুন keep

উত্তর:


197

এইচটিএমএল 5 এর বেশ কয়েকটি লক্ষ্য রয়েছে যা এটিকে HTML4 থেকে পৃথক করে from

ত্রুটিযুক্ত দস্তাবেজগুলি পরিচালনা করার ক্ষেত্রে ধারাবাহিকতা

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

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

আরও ভাল ওয়েব অ্যাপ্লিকেশন বৈশিষ্ট্য

এইচটিএমএল 5 এর দ্বিতীয় লক্ষ্য হ'ল এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্টের মাধ্যমে ব্রাউজারের একটি অ্যাপ্লিকেশন প্ল্যাটফর্ম হওয়ার ক্ষমতা বিকাশ করা। অনেক উপাদান ভাষা বর্তমানে ফ্ল্যাশ বা যেমন জাতীয় ভিত্তিক হ্যাক, (শুধুমাত্র HTML4 মধ্যে) সরাসরি যোগ করা হয়েছে <canvas>, <video>এবং <audio>। দরকারী স্টোর যেমন স্থানীয় স্টোরেজ (একটি জেএস-অ্যাক্সেসযোগ্য ব্রাউজার অন্তর্নির্মিত কী-মান ডাটাবেস, কুকিজ রাখতে পারে তার বাইরে তথ্য সংরক্ষণের জন্য), নতুন ইনপুট ধরণের যেমন ব্রাউজারটি সহজে ব্যবহারকারীর ইন্টারফেসটি প্রকাশ করতে পারে (যাতে আমরা আমাদের জেএস-ভিত্তিক ক্যালেন্ডার তারিখ-পিকারগুলি ব্যবহার করতে হবে না) এবং ব্রাউজার-সমর্থিত ফর্ম বৈধতা বিকাশকারীদের জন্য ওয়েব অ্যাপ্লিকেশনগুলি আরও সহজ করে তুলবে এবং তাদের ব্যবহারকারীর জন্য আরও দ্রুত করে তুলবে (যেহেতু অনেকগুলি বিষয় স্থানীয়ভাবে সমর্থিত হবে, বরং জাভাস্ক্রিপ্ট মাধ্যমে হ্যাক ইন)।

উন্নত উপাদান শব্দার্থক

এইচটিএমএল 5 তে আরও অনেকগুলি ছোট ছোট প্রচেষ্টা চলছে যেমন বিদ্যমান উপাদানগুলির জন্য আরও ভাল-সংজ্ঞায়িত অর্থশালী ভূমিকা ( <strong>এবং <em>বর্তমানে বাস্তবে অন্যরকম কিছু বোঝানো হয়েছে এবং এমনকী <b>এবং <i>অস্পষ্ট শব্দার্থতত্ত্ব রয়েছে যা উত্তরাধিকারের দলিলগুলি বিশ্লেষণ করার সময় ভালভাবে কাজ করা উচিত) এবং দরকারী সহ নতুন উপাদান যুক্ত করা শব্দার্থবিদ্যা - <article>, <section>, <header>, <aside>, এবং <nav>সংখ্যাগরিষ্ঠ প্রতিস্থাপন করা উচিত <div>একটি ওয়েব পৃষ্ঠায় ব্যবহৃত এস, আরো গুরুত্বপূর্ণ আপনার পৃষ্ঠাগুলি একটি বিট আরো শব্দার্থিক উপার্জন, কিন্তু, সহজ পড়া । সেই এলোমেলোভাবে </div>কী বন্ধ হচ্ছে ঠিক তা দেখার জন্য আর কোনও বেদনাদায়ক স্ক্যানিং নয় - পরিবর্তে আপনার কাছে একটি স্পষ্ট উপস্থিতি থাকবে </header>বা </article>আপনার নথির কাঠামোকে আরও স্বজ্ঞাগত করে তুলবে।


14
উত্তর সম্পাদনা করে ট্যাগ এবং বাক্যে কিছু হাইলাইট করুন। (এটি কেবল একটি পরামর্শ কারণ এটি পড়ার সময় এটি আমাকে ক্লান্ত করে
মোহাম্মদ ফয়সাল

44

উইকিপিডিয়া থেকে :

  • নমনীয় বিশ্লেষণ এবং সামঞ্জস্যের দিকে লক্ষ্য করে নতুন পার্সিং বিধিগুলি
  • নতুন উপাদান - বিভাগ, ভিডিও, অগ্রগতি, নাভি, মিটার, সময়, একপাশে, ক্যানভাস
  • নতুন ইনপুট বৈশিষ্ট্য - তারিখ এবং সময়, ইমেল, url
  • নতুন বৈশিষ্ট্য - পিং, চরসেট, অ্যাসিঙ্ক
  • গ্লোবাল বৈশিষ্ট্য (এটি প্রতিটি উপাদানগুলির জন্য প্রয়োগ করা যেতে পারে) - আইডি, ট্যাবিনডেক্স, পুনরাবৃত্তি
  • অবমানিত উপাদানগুলি বাদ - কেন্দ্র, ফন্ট, ধর্মঘট

12

আপনি এইচটিএমএল 4 থেকে এইচটিএমএল 5 পার্থক্যগুলি পরীক্ষা করতে চান : ডাব্লু 3 সি ওয়ার্কিং গ্রুপ নোট 9 ডিসেম্বর 2014 সম্পূর্ণ পার্থক্যের জন্য। অনেকগুলি নতুন উপাদান এবং উপাদান বৈশিষ্ট্য রয়েছে। কিছু উপাদান অপসারণ করা হয়েছে এবং অন্যদের পূর্বের তুলনায় বিভিন্ন শব্দার্থক মান আছে।

ওয়েব অ্যাপ্লিকেশনগুলির পরবর্তী প্রজন্ম তৈরিতে সহায়তা এবং প্রয়োগগুলি মানকৃত হয়েছে কিনা তা নিশ্চিত করার জন্য ক্যানভাস ব্যবহারের মতো এপিআইগুলিও সংজ্ঞায়িত রয়েছে।


11

এইচটিএমএল 5 টি অনেকগুলি এপিআই প্রবর্তন করে যা ওয়েব অ্যাপ্লিকেশন তৈরিতে সহায়তা করে। এগুলি অ্যাপ্লিকেশনগুলির জন্য প্রবর্তিত নতুন উপাদানগুলির সাথে একসাথে ব্যবহার করা যেতে পারে:

  • ভিডিও এবং অডিও বাজানোর জন্য একটি এপিআই যা নতুন ভিডিও এবং অডিও উপাদানগুলির সাথে ব্যবহার করা যেতে পারে।
  • একটি এপিআই যা অফলাইন ওয়েব অ্যাপ্লিকেশনগুলিকে সক্ষম করে।
  • একটি অ্যাপ্লিকেশন যা কোনও ওয়েব অ্যাপ্লিকেশনকে নির্দিষ্ট প্রোটোকল বা মিডিয়া ধরণের জন্য নিজেকে নিবন্ধিত করতে দেয়।
  • একটি নতুন বৈশ্বিক contenteditableবৈশিষ্ট্যের সাথে একত্রে সম্পাদনা এপিআই ।
  • একটি draggableঅ্যাট্রিবিউটের সাথে মিলিয়ে একটি টেনে আনুন এবং ড্রপ এপিআই ।
  • এমন একটি এপিআই যা ইতিহাসটি প্রকাশ করে এবং পৃষ্ঠাগুলিকে এতে যুক্ত করার অনুমতি দেয় যাতে পিছনের বোতামটি না ভাঙা যায়।

3

আপনি এইচটিএমএল 5 উপাদান এবং বৈশিষ্ট্যগুলির এই তালিকায় আগ্রহী হতে পারেন ।

এছাড়াও, দয়া করে নোট করুন যে এটি "এইচটিএমএল 4", "HTML4" নয়। প্রকৃতপক্ষে, এইচটিএমএল 5 এর জন্য উভয় রূপ ব্যবহার করা হয়েছে, তবে অর্থের মধ্যে একটি গুরুত্বপূর্ণ পার্থক্য রয়েছে। এইচটিএমএল 5 ডাব্লু 3 সি স্পেসিফিকেশনের নাম বোঝায়, যেখানে "এইচটিএমএল 5" এমন একটি এইচটিএমএল ফাইলগুলির একটি text/htmlমাইম টাইমযুক্ত ডকুমেন্ট টাইপ যা এই অনুমান অনুসরণ করে। এক্সএইচটিএমএল 5 বনাম এক্সএইচটিএমএল 5 এর ক্ষেত্রেও একই রকম।


1
আপনি বোঝাচ্ছেন যে এক্সএইচটিএমএল 5 উপস্থিত রয়েছে, যদিও এটি তেমন নয়। এক্সএইচটিএমএলের সর্বশেষতম ডাব্লু 3 সি সুপারিশটি 1.1, এবং 2.0 খসড়া পর্যায়ে রয়েছে।
ডেভিড নদী


2
@ ডেভিড নদীসমূহ: যাইহোক, এক্সএইচটিএমএল 2 আর খসড়া পর্যায়ে নেই। এটি HTML5 এর পক্ষে বন্ধ করা হয়েছে ।
ম্যাথিয়াস বাইনেস

ধন্যবাদ। আমি এটি খুব সন্ধান পেয়েছি এবং বিশ্বাস করতে পারি না যে আমি কী আউট ছিলাম। মোটামুটি এক বছর কেটে গেল!
ডেভিড নদী


0

এইচটিএমএল 5 আপনাকে আমন্ত্রণ জানায় যাতে আপনার কোডটিতে প্রচুর অর্থবোধ থাকে। আরও কী, মাল্টিমিডিয়া সামগ্রী এম্বেড করার নেটিভ সমাধান রয়েছে।

বাকিটি গুরুত্বপূর্ণ, তবে এটি আরও প্রযুক্তিগত চিনি যা আপনাকে ক্লায়েন্ট প্রোগ্রামিং ভাষার সাথে একই জিনিসগুলি করা থেকে বাঁচায়।


0

সংক্ষেপে এটি এইচটিএমএল এর তুলনায় অনেক সহজ, দীর্ঘ ডকটিপটি সরানো হবে এবং কেন্দ্র এবং ফন্ট ট্যাগও সরানো হবে। আমি আমার ব্লগে এই পার্থক্যটির উত্তরও দিয়েছি: http://ravisinghblog.in/key-differences-between-html-and-html-5/

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.