(অকার্যকর) স্ব-সমাপনী ট্যাগগুলি কি এইচটিএমএল 5 এ বৈধ?

Question

W3C এর যাচাইকারী স্ব-ক্লোজিং ট্যাগ (যাদের যে শেষ "পছন্দ করেন না />উপর") অ অকার্যকর উপাদান। (অকার্যকর উপাদানগুলি এমন যেগুলিতে কোনও সামগ্রী থাকতে পারে না)) তারা কি এখনও এইচটিএমএল 5 এ বৈধ?

গৃহীত শূন্য উপাদানগুলির কয়েকটি উদাহরণ :

<br />
<img src="" />
<input type="text" name="username" />

প্রত্যাখ্যাত অ-শূন্য উপাদানগুলির কয়েকটি উদাহরণ :

<div id="myDiv" />
<span id="mySpan" />
<textarea id="someTextMessage" />

দ্রষ্টব্য: ডাব্লু 3 সি বৈধকরণকারী আসলে অকার্যকর স্ব-সমাপনী ট্যাগগুলি গ্রহণ করে: সাধারণ টাইপোর (\>পরিবর্তে/>) লেখকের মূলত সমস্যা ছিল ; তবে, স্ব-সমাপনকারী ট্যাগগুলি সাধারণভাবে HTML5 তে 100% বৈধ নয় এবং বিভিন্ন HTML স্বাদে স্ব-সমাপনী ট্যাগগুলির ইস্যুতে উত্তরগুলি বিস্তারিতভাবে বলা আছে।

Comments

@ বেন: ওহ, দুঃখিত, আমি মনে করি আপনি ঠিক বলেছেন। এই ক্ষেত্রে, আমি আসল প্রশ্নটি ভুল বুঝেছি, আমি ভেবেছিলাম যে ওপি এইচটিএমএল 5 এ স্ব-সমাপনী ট্যাগগুলি মোটে বৈধ কিনা তা জানতে চায়। তবে এর অর্থ তিনি কেবল নিজের কোডটিতে টাইপস তৈরি করেছেন, বা স্ব-সমাপনী ট্যাগগুলি কীভাবে যথাযথভাবে লিখতে হবে তা তিনি জানতেন না, যা বোঝায় যে ডাব্লু 3 সি বৈধকারী তার কোডটিকে অবৈধ হিসাবে চিহ্নিত করেছে।

— Sk8erPeter

ভবিষ্যতের পাঠকদের জন্য সময় বাঁচানোর জন্য: হ্যাঁ, প্রশ্নের বাক্য গঠনটি ভুল, এবং না, আপনার এটি পরিবর্তন করা উচিত নয়। ওপি স্পষ্টভাবে এবং ন্যায়সঙ্গতভাবে এর কারণ ব্যাখ্যা করেছে । যেহেতু এটি বৈধতা ত্রুটিগুলির জন্ম দিয়েছে যা এই প্রশ্নকে উত্সাহ দেয়, তাই সিনট্যাক্সটি সংশোধন করা উচিত নয়।

— জর্ডান গ্রে

আপনি কী এখনও লোকেরা লড়াই করছেন যে স্ল্যাশগুলির মুখোমুখি হওয়া উচিত? চলে আসো.

— বোল্টক্লক

এখনও পর্যন্ত লড়াই করছেন বন্ধুরা: যদি এই প্রশ্নটি সম্পর্কে জিজ্ঞাসা করা হত তবে \>এটি একটি অকেজো ফিক্স-মাই-টাইপো প্রশ্ন হিসাবে বন্ধ করা উচিত। উত্তর সমস্ত ঠিকানা />। />সংস্করণ শুধুমাত্র দরকারী অন্যতম। এটা হতে দাও.

— গিলস 'অশুভ হওয়া বন্ধ করুন'

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

— osa

Answer 1

• ইন এইচটিএমএল 4 , <foo /(হ্যাঁ, কোন সঙ্গে >এ সব) মানে <foo>(যা বাড়ে <br />, যার অর্থ <br>>(অর্থাত <br>&gt;) এবং <title/hello/অর্থ <title>hello</title>)। এটি একটি এসজিএমএল নিয়ম যা ব্রাউজারগুলি সমর্থন করার পক্ষে খুব খারাপ কাজ করে এবং অনুমিতি লেখকদের সিনট্যাক্স এড়ানোর পরামর্শ দেয় ।

• ইন এক্সএইচটিএমএল , <foo />মানে<foo></foo> । এটি একটি এক্সএমএল নিয়ম যা সমস্ত এক্সএমএল নথিগুলির জন্য প্রযোজ্য। এটি বলেছিল যে এক্সএইচটিএমএল প্রায়শই পরিবেশন করা হয় text/htmlযা (ন্যূনতম historতিহাসিকভাবে) ব্রাউজারগুলির দ্বারা সরবরাহিত নথির চেয়ে আলাদা পার্সার ব্যবহার করে প্রক্রিয়াজাত হয় application/xhtml+xml। ডাব্লু 3 সি এক্সএইচটিএমএল হিসাবে অনুসরণের জন্য সামঞ্জস্যতার নির্দেশিকা সরবরাহ করে text/html। (মূলত: উপাদানটি যখন এমএমপিটিওয়াই হিসাবে সংজ্ঞায়িত করা হয় তখন কেবলমাত্র স্ব-ক্লোজিং ট্যাগ সিনট্যাক্স ব্যবহার করুন (এবং শেষ ট্যাগটি এইচটিএমএল স্পেসে নিষিদ্ধ ছিল))।

• ইন HTML5 এর , মানে <foo /> উপাদান ধরনের উপর নির্ভর করে ।

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

Comments

" ... যারা এক্সএমএল আসক্ত। " আপনি XML সম্মতি খারাপ বলে মনে করছেন। তবুও, এইচটিএমএল 5 এর শেষ ফলাফলটি মনে হয় যে এখনও আমাদের অ্যাংগেল ব্র্যাকেটগুলি মোকাবেলা করতে হবে (অর্থাত্ এক্সএমএল-এর বেশিরভাগ অসুবিধাগুলির সাথে কিছু), যখন এটি এক্সএমএল-ভিত্তিক সরঞ্জামগুলি ব্যবহার করা শক্ত করে তোলে (যেমন টেমপ্লেট সরঞ্জাম বা বিভিন্ন প্রসেসর) )। এমনকি প্রজন্মের দৃষ্টিকোণ থেকে এটি মনে হয় <object data="..." />এবং <img src="..."></src>এটি ঠিক আছে না, <object data="..."></object>এবং যখন <img src="..." />রয়েছে, যা সরঞ্জামের ধারাবাহিকতার জন্য এটি আরও শক্ত করে তোলে। এটি হারাতে পারা পরিস্থিতি বলে মনে হচ্ছে।

— ব্রুনো

@ ব্রুনো - এইচটিএমএল এক্সএমএল এর পূর্বাভাস দেয়। লোকদের এক্সএইচটিএমএল এ যাওয়ার চেষ্টা ব্যর্থ হয়েছে। এর সাথে text/html, ব্রাউজারগুলি স্ল্যাশের কোনও বিশেষ অর্থ দেয় না, সুতরাং এটি সহ কোনও ব্যবহারিক উদ্দেশ্য হয় না। অভ্যাস থেকে বেরিয়ে আসতে পারে না এমন লোকদের জন্য এটি কেবল এক্সএমএলের মতো দেখানোর জন্য রয়েছে।

— কোয়ান্টিন

@ কুইন্টিন আমি সম্পূর্ণরূপে একমত নই। আমি কেবল এটি কিছুটা লজ্জার বিষয় মনে করি যে একটি বৈধ এক্সএমএল সমতুল্য অগত্যা বৈধ এইচটিএমএল 5 নয় (যেমন এর <img ...></img>পরিবর্তে <img ...>বা এর পরিবর্তে <img ... />)। যেহেতু এইচটিএমএল 5 সাধারণভাবে কার্যকরভাবে কম কঠোর (সম্ভবত এক্সএইচটিএমএল ব্যর্থ হয়েছে), এটি খুব ভাল কিছু যেমন সহ্য করতে পারে <img ...></img>। দুর্ভাগ্যক্রমে, এটি হয় না, তাই কোনও এক্সএমএল-ভিত্তিক টেম্পলেট জেনারেটরকে শূন্য উপাদান বা স্ব-সমাপনকারী উপাদানগুলির উত্পাদনকে কীভাবে আলাদা করতে হবে তা জানতে হবে: সমস্ত খালি উপাদান হিসাবে লেখার জন্য আপনার একটি বিধিও থাকতে পারে না <tag></tag>।

— ব্রুনো

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

— কোয়ান্টিন

ডাব্লু 3 সি থেকে: শূন্য উপাদানসমূহ: অঞ্চল, বেস, বিআর, কর্নাল, এম্বেড, এইচআর, আইএমজি, ইনপুট, কীজেন, লিংক, মেটা, পরম, উত্স, ট্র্যাক, ডাব্লুবিআর "শূন্য উপাদানের কেবল একটি শুরু ট্যাগ থাকে; শেষ ট্যাগগুলি নির্দিষ্ট করা উচিত নয় অকার্যকর উপাদানগুলির জন্য। w3.org/TR/html5/syntax.html#void-elements

— ফ্যাবিও নোলাসো

Answer 2

নিকিতা স্কভোর্টসভ যেমন উল্লেখ করেছেন, একটি স্ব-সমাপনী ডিভ বৈধ হবে না। এটি কারণ একটি ডিভ একটি সাধারণ উপাদান , শূন্য উপাদান নয় ।

এইচটিএমএল 5 অনুমান অনুসারে যে ট্যাগগুলিতে কোনও বিষয়বস্তু থাকতে পারে না ( শূন্য উপাদান হিসাবে পরিচিত ) সেগুলি স্ব-সমাপনি হতে পারে। এটিতে নিম্নলিখিত ট্যাগগুলি অন্তর্ভুক্ত রয়েছে:

area, base, br, col, embed, hr, img, input, 
keygen, link, meta, param, source, track, wbr

উপরের ট্যাগগুলিতে "/" সম্পূর্ণ alচ্ছিক, তবে <img/>এটি থেকে আলাদা নয় <img>, তবে <img></img>এটি অবৈধ।

* দ্রষ্টব্য: বিদেশী উপাদানগুলিও স্ব-সমাপনী হতে পারে, তবে আমি মনে করি না যে এই উত্তরটির সুযোগ নেই।

Comments

আইই 10 এর বিকাশকারী সরঞ্জামগুলি আমাকে "এইচটিএমএল 1500 দিচ্ছে: ট্যাগটি স্ব-সমাপ্তি হতে পারে না an একটি সুস্পষ্ট সমাপনী ট্যাগ ব্যবহার করুন।" লাইনে <মেটা চরসেট = "ইউটিএফ -8" /> কোনও ধারণা কেন এমন হবে?

— জেমস ইনডি ইন

ঠিক আছে, আমি জানতে পেরেছি যে সেলফ ক্লোজিং ট্যাগগুলিতে স্ল্যাশ থাকা উচিত নয় (এবং এটি মুছে ফেলা আমার ত্রুটি সমাধান করে)। উদ্ধৃতি: tiffanybbrown.com/2011/03/23/…

— জেমস

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

— শেরিলহোমান

@ শেরিলহোমানের মন্তব্য সম্পর্কে, আমি বিশ্বাস করি না যে অনুমানটি পরিবর্তন হয়েছে (বা যদি তা থাকে তবে তা ফিরে এসেছে)। দেখুন w3.org/TR/html5/syntax.html#start-tags (8.1.2.1.6) - অকার্যকর (অথবা বিদেশী) উপাদান এখনও স্ল্যাশ অন্তর্ভুক্ত হতে পারে।

— ক্রিসি

Answer 3

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

সম্ভবত আরও বেশি, আপনার পৃষ্ঠাগুলি হিসাবে পরিবেশন করা হচ্ছে text/html, যা আরও লেনিয়েন্ট এইচটিএমএল সিনট্যাক্স অনুসরণ করে। এই ক্ষেত্রে, HTML5 নির্দিষ্ট শুরুর ট্যাগগুলিকে terminচ্ছিক / এটি সমাপ্ত হওয়ার আগে> থাকতে দেয়। এই ক্ষেত্রে / / optionচ্ছিক এবং উপেক্ষা করা হয়, তাই <hr>এবং <hr />অভিন্ন। এইচটিএমএল স্পেক এগুলিকে "অকার্যকর উপাদান" বলে ডাকে এবং বৈধগুলির একটি তালিকা দেয়। কড়া কথায় বলতে গেলে theseচ্ছিক / কেবল এই শূন্য উপাদানগুলির শুরু ট্যাগগুলির মধ্যে বৈধ; উদাহরণস্বরূপ, <br />এবং <hr />বৈধ এইচটিএমএল 5, তবে <p />তা নয়।

এইচটিএমএল 5 স্পেস HTML টি লেখক এবং ওয়েব ব্রাউজার বিকাশকারীদের জন্য যা সঠিক তা মধ্যে একটি স্পষ্ট পার্থক্য তৈরি করেছে, দ্বিতীয় গ্রুপটির সাথে সমস্ত ধরণের অবৈধ "উত্তরাধিকার" সিনট্যাক্স গ্রহণ করতে হবে। এই ক্ষেত্রে এটির অর্থ হ'ল এইচটিএমএল 5- কমপ্লায়েন্ট ব্রাউজারগুলি অবৈধ স্ব-বদ্ধ ট্যাগগুলি পছন্দ <p />করবে এবং আপনার প্রত্যাশা অনুযায়ী সেগুলি রেন্ডার করবে। তবে কোনও লেখকের জন্য, পৃষ্ঠাটি বৈধ HTML5 হবে না । (আরও গুরুত্বপূর্ণ বিষয়, এই ধরণের অবৈধ সিনট্যাক্স ব্যবহার করে আপনি যে ডোম গাছটি পেয়েছেন তা গুরুতরভাবে স্ক্রু করা যেতে পারে; স্ব-বদ্ধ <span />ট্যাগগুলি, উদাহরণস্বরূপ, জিনিসগুলিকে প্রচুর গোলমাল করে ।

(অস্বাভাবিক ক্ষেত্রে যে আপনার সার্ভার জানে যে কীভাবে এক্সএইচটিএমএল ফাইলগুলিকে এক্সএমএল এমএমআইএম টাইপ হিসাবে প্রেরণ করতে হয়, পৃষ্ঠাটির জন্য এক্সএইচটিএমএল ডিটিডি এবং এক্সএমএল সিনট্যাক্সের সাথে সামঞ্জস্য করা দরকার That তার অর্থ সংজ্ঞাযুক্ত উপাদানগুলির জন্য স্ব-সমাপনী ট্যাগগুলির প্রয়োজন ))

Comments

<পি /> একটি খোলার ট্যাগ হিসাবে না, খোলার ট্যাগ হিসাবে বিবেচিত হবে। তার মানে ডকুমেন্টের পুরো বাকী অংশটিকে পি উপাদান হিসাবে থাকা হিসাবে বিবেচনা করা হবে। আমি "সম্ভবত প্রত্যাশা করি" এটি নয়, এবং কোনও তুচ্ছ পৃষ্ঠায় একটি গুরুতর জগাখিচুড়ি উত্পন্ন করব।

— mhsmith

Answer 4

এইচটিএমএল 5 মূলত এমন আচরণ করে যাতে পিছনের স্ল্যাশ নেই। এইচটিএমএল 5 সিনট্যাক্সে স্ব-সমাপনী ট্যাগের মতো জিনিস নেই।

• উপর স্ব-ক্লোজিং ট্যাগ অ অকার্যকর মত উপাদান <p/>, <div/>এ সব কাজ করবে না। পিছনের স্ল্যাশ উপেক্ষা করা হবে এবং এগুলি খোলার ট্যাগ হিসাবে বিবেচিত হবে। এর ফলে বাসা বাঁধতে সমস্যা হতে পারে।

  স্ল্যাশের সামনে সাদা জায়গা আছে কিনা তা নির্বিশেষে এটি সত্য: <p />এবং <div />একই কারণে কাজ করবে না।

• অকার্যকর উপাদানগুলিতে স্ব-সমাপনী ট্যাগগুলি পছন্দ করে <br/>বা <img src="" alt=""/> চলবে , তবে কেবল কারণ পিছনের স্ল্যাশ উপেক্ষা করা হয় এবং এই ক্ষেত্রে এটি ঘটে যা সঠিক আচরণের ফলে ঘটে।

ফলাফলটি হ'ল, আপনার পুরানো "এক্সএইচটিএমএল ১.০ পাঠ্য / এইচটিএমএল হিসাবে পরিবেশন করা" তে যা কিছু কাজ করেছিল তা আগের মতো কাজ করা চালিয়ে যাবে: অকার্যকর ট্যাগগুলিতে অনুসরণ করা স্ল্যাশ সেখানে গ্রহণযোগ্য ছিল না যেখানে অকার্যকর উপাদানগুলির উপরের পিছনে স্ল্যাশ কাজ করেছিল।

আরও একটি নোট: এটি একটি এইচটিএমএল 5 নথিটি এক্সএমএল হিসাবে উপস্থাপন করা সম্ভব এবং এটি কখনও কখনও "এক্সএইচটিএমএল 5.0" হিসাবে ডাব হয়। এক্ষেত্রে এক্সএমএলের নিয়মগুলি প্রয়োগ হয় এবং স্ব-সমাপনী ট্যাগগুলি সর্বদা পরিচালিত হবে। এটি সর্বদা একটি এক্সএমএল মাইম টাইপের সাথে পরিবেশন করা প্রয়োজন।

Answer 5

স্ব-সমাপনকারী ট্যাগগুলি HTML5 এ বৈধ, তবে প্রয়োজন নেই।

<br>এবং <br />উভয় ঠিক আছে।

Comments

এইচটিএমএল 5 অনুসারে স্ব-সমাপনী সিনট্যাক্স ( />) কোনও অ-শূন্য HTML উপাদান ব্যবহার করা যাবে না।

— নেক্সা

প্রশ্নটি হ'ল অকার্যকর উপাদানগুলিতে স্ব-ক্লোজিং ট্যাগগুলি সম্পর্কে , <p/>বা মত ছিল <div/>।

— থোমস্রুটটার

প্রাথমিকভাবে প্রশ্নটি অকার্যকর উপাদানগুলি সম্পর্কে বিশেষভাবে ছিল না। এটি আরও ভালো লেগেছে, আপনি কি এখনও <... />এক্সএইচটিএমএল হিসাবে ব্যবহার করতে পারেন বা এইচটিএমএল 5 এ আপনাকে মুছতে হবে /? প্রশ্নটি একাধিকবার পরিবর্তিত হয়েছিল পরে।

— নিক

যে কোনও উপায়ে, উত্তরটি হ'ল স্ল্যাশ উপেক্ষা করা হবে, যা অকার্যকর হিসাবে ঘোষিত নয় এমন উপাদানগুলিকে ভেঙে ফেলবে, তবে শূন্য উপাদানগুলির সাথে সামঞ্জস্যপূর্ণ হবে।

— থোমাসর্টটার

Answer 6

আমি উদাহরণ স্বরূপ স্ব-ক্লোজিং ট্যাগগুলির সাথে খুব সতর্ক থাকব:

var a = '<span/><span/>';
var d = document.createElement('div');
d.innerHTML = a
console.log(d.innerHTML) // "<span><span></span></span>"

আমার অন্ত্র অনুভূতি <span></span><span></span>পরিবর্তে হত

Comments

এটি গৃহীত উত্তরে বর্ণিত হয়েছে:On other [than void] HTML elements, the slash is an error, but error recovery will cause browsers to ignore it and treat the tag as a regular start tag. This will usually end up with a missing end tag causing subsequent elements to be children instead of siblings.

— পেলিক

Answer 7

তবে রেকর্ডটির জন্য এটি সঠিক - এটি অবৈধ:

<address class="vcard">
  <svg viewBox="0 0 800 400">
    <rect width="800" height="400" fill="#000">
  </svg>
</address>

এবং এখানে স্ল্যাশ এটিকে আবার বৈধ করে তুলবে:

    <rect width="800" height="400" fill="#000"/>

Comments

এটি কারণ এইচটিএমএল নয়, এসএমজি এক্সএমএলতে লেখা। এটি পৃথককরণের বিভিন্ন বিধি ব্যবহার করে

— বৈদ্যুতিন কফি