<সেকশন> এবং <ডিভ> এর মধ্যে পার্থক্য কী?
উত্তর:
<section> এর অর্থ হল যে অভ্যন্তরস্থ সামগ্রীটি গোষ্ঠীভুক্ত করা হয়েছে (অর্থাত্ একটি এক থিমের সাথে সম্পর্কিত), এবং পৃষ্ঠার একটি রূপরেখায় এন্ট্রি হিসাবে উপস্থিত হওয়া উচিত।
<div>অন্যদিকে, কোন অর্থ বহন করে না তার কোনো পাওয়া ছাড়াও class, langএবং titleবৈশিষ্ট্যাবলী।
সুতরাং না: একটি ব্যবহার <div>করে এইচটিএমএলে কোনও বিভাগকে সংজ্ঞায়িত করা হয় না।
অনুমান থেকে:
<section>
<section>উপাদান একটি নথি অথবা প্রয়োগটির একটি জেনেরিক অধ্যায় প্রতিনিধিত্ব করে। একটি বিভাগ, এই প্রসঙ্গে, বিষয়বস্তুর একটি থিম্যাটিক গ্রুপিং। প্রত্যেককেsectionসাধারণত উপাদানটির শিশু হিসাবে শিরোনাম (h1-h6 উপাদান) অন্তর্ভুক্ত করে সনাক্ত করা উচিত<section>।বিভাগগুলির উদাহরণগুলি অধ্যায়গুলি হবে, একটি ট্যাবড ডায়ালগ বাক্সে বিভিন্ন ট্যাবড পৃষ্ঠাগুলি বা থিসিসের সংখ্যাযুক্ত বিভাগগুলি। একটি ওয়েবসাইটের হোম পৃষ্ঠাটি একটি ভূমিকা, সংবাদ আইটেম এবং যোগাযোগের তথ্যের জন্য বিভাগগুলিতে বিভক্ত হতে পারে।
...
<section>উপাদান একটি জেনেরিক ধারক উপাদান নয়। যখন কোনও উপাদানটি কেবল স্টাইলিংয়ের উদ্দেশ্যে বা স্ক্রিপ্টিংয়ের সুবিধার্থে প্রয়োজন হয় তখন লেখকদের<div>পরিবর্তে উপাদানটি ব্যবহার করতে উত্সাহিত করা হয়। একটি সাধারণ নিয়ম হ'ল<section>উপাদানটি উপযুক্ত তবেই যদি উপাদানটির বিষয়বস্তু নথির বাহ্যরেখায় সুস্পষ্টভাবে তালিকাভুক্ত করা হয়।
( https://www.w3.org/TR/html/sections.html#the-section-element )
<div>
<div>উপাদান সব সময়ে কোন বিশেষ অর্থ আছে। এটি এর বাচ্চাদের প্রতিনিধিত্ব করে। এটা দিয়ে ব্যবহার করা যেতে পারেclass,langএবংtitleপরপর উপাদানের একটি গ্রুপে শব্দার্থবিদ্যা সাধারণ আপ চিহ্নিত করতে বৈশিষ্ট্যাবলী।দ্রষ্টব্য: লেখকরা
<div>উপাদানটিকে শেষ অবলম্বনের উপাদান হিসাবে দেখতে উত্সাহিত হন , যখন অন্য কোনও উপাদান উপযুক্ত না হয়। উপাদানটির পরিবর্তে আরও উপযুক্ত উপাদানের<div>ব্যবহার পাঠকদের আরও সহজ অ্যাক্সেসযোগ্যতা এবং লেখকদের পক্ষে সহজ রক্ষণাবেক্ষণের দিকে পরিচালিত করে।
( https://www.w3.org/TR/html/grouping-content.html#the-div-element )
sectionবনাম সম্পর্কে আরও চিন্তাভাবনা divসহ এই উত্তরের আলোকে, আমি এই সিদ্ধান্তে পৌঁছেছি যে তারা ঠিক একই উপাদান। ডাব্লু 3 সি একটি div"তার বাচ্চাদের প্রতিনিধিত্ব করে" বলেছে । আচ্ছা, sectionউপাদানও কি তাই করে না? হ্যাঁ, sectionবোঝা যাচ্ছে এর বাচ্চাদের একসাথে দলবদ্ধ করা হয়েছে, তবে বাচ্চাদের একটির ভিতরে রাখার খুব অ্যাক্ট দিয়ে divআপনি হ্যাঁ, তাদের একসাথে ভাগ করে নিচ্ছেন । কমপক্ষে আমি যেভাবে এটি করি, আমি আপনাদের সম্পর্কে জানি না।
sectionবনাম সম্পর্কে আরও চিন্তা করা div" - এটি সম্পর্কে খুব বেশি ভাবেন না। এইচটিএমএল জটিল নয়। "বাচ্চাদের একটিতে ofুকিয়ে দেওয়ার একাজে আপনিওdiv হ্যাঁ, তাদের একসাথে গোষ্ঠীবদ্ধ করে তোলেন ” " আপনি যেমন নন এইচটিএমএল অনুমান অনুসারে। আপনি এগুলি divস্টাইলিংয়ের উদ্দেশ্যে, বা জাভাস্ক্রিপ্ট সুবিধার্থে বা W3C এখনও ভাবেননি এমন অন্য কিছুতে মুড়ে রাখছেন, তবে পাঠকদের কাছে বোঝাচ্ছেন না যে শিশু উপাদানগুলি একটি দল।
<p>This is a paragraph</p>বা উদাহরণস্বরূপ <h2>This is a second-level heading</h2>। যেহেতু <div>কোনও অর্থ যুক্ত করে না, আপনি কেবল তখনই এটি ব্যবহার করতে পারবেন যদি এমন কোনও HTML উপাদান নেই যা প্রশ্নের মধ্যে থাকা পাঠ্যের জন্য উপযুক্ত অর্থ যুক্ত করে।
<div> Vs <Section>
পর্ব 1
<div>:এইচটিএমএল উপাদান (বা HTML ডকুমেন্ট বিভাগ উপাদান) প্রবাহ বিষয়বস্তু রয়েছে, যা মজ্জাগতভাবে কিছু প্রতিনিধিত্ব করে না জন্য জেনেরিক ধারক। এটি স্টাইলিং উদ্দেশ্যে (শ্রেণি বা আইডি বৈশিষ্ট্যগুলি ব্যবহার করে) উপাদানগুলিকে গোষ্ঠী হিসাবে ব্যবহার করা যেতে পারে বা ল্যাংয়ের মতো বিশিষ্ট মানগুলি ভাগ করার কারণে। এটি তখনই ব্যবহার করা উচিত যখন অন্য কোনও শব্দার্থ উপাদান (যেমন <article>বা <nav>) উপযুক্ত না হয়।
<section>:এইচটিএমএল অনুচ্ছেদ উপাদান ( <section>) একটি নথির একটি জেনেরিক অধ্যায়, অর্থাত, বিষয়বস্তুর একটি বিষয়ভিত্তিক গ্রুপিং, সাধারণত একটি শিরোনাম দিয়ে উপস্থাপন করে।
রাউন্ড 2
<div>: ব্রাউজার সমর্থন
<section>: ব্রাউজার সমর্থন
সারণীতে থাকা সংখ্যাগুলি প্রথম ব্রাউজার সংস্করণ নির্দিষ্ট করে যা উপাদানটিকে পুরোপুরি সমর্থন করে।
সেই শিরাতে একটি ডিভ কেবল খাঁটি সিএসএস বা ডিওএম দৃষ্টিকোণ থেকে প্রাসঙ্গিক, যেখানে কোনও বিভাগ শব্দার্থবিজ্ঞানের ক্ষেত্রেও এবং প্রাসঙ্গিকভাবে অনুসন্ধান ইঞ্জিন দ্বারা সূচকের জন্যও প্রাসঙ্গিক।
কেবলমাত্র একটি পর্যবেক্ষণ - এটি সংযুক্ত করে কোনও ডকুমেন্টেশন খুঁজে পায়নি
যদি কোনও বিভাগে অন্য বিভাগ রয়েছে, তবে অভ্যন্তরীণ বিভাগে একটি h1- শিরোনামটি বাইরের বিভাগে h1- শিরোনামের চেয়ে ছোট ফন্টে প্রদর্শিত হবে। বিভাগের পরিবর্তে ডিভ ব্যবহার করার সময় অভ্যন্তরীণ ডিভ এইচ 1-শিরোনামটি h1 হিসাবে ডিপ্লেড হয়।
<section>
<h1>Level1</h1>
some text
<section>
<h1>Level2</h1>
some more text
</section>
</section>- স্তর 2 - শিরোনাম স্তর 1 - শিরোনামের চেয়ে ছোট ফন্টে প্রদর্শিত হয়।
সিএসএস থেকে রঙ এইচ 1 শিরোনাম ব্যবহার করার সময়, অভ্যন্তরীণ এইচ 1 টিও রঙিন ছিল (নিয়মিত এইচ 1 হিসাবে আচরণ করে)। ফায়ারফক্স 18, আইই 10 এবং ক্রোম 28 এ এটি একই আচরণ।
এইচটিএমএল 5 স্ট্যান্ডার্ডে <section>উপাদানটি সম্পর্কিত উপাদানগুলির একটি ব্লক হিসাবে সংজ্ঞায়িত করা হয়।
<div>উপাদান শিশুদের উপাদানের একটি ব্লক হিসেবে সংজ্ঞায়িত করা হয়।
ডিভ উপাদানগুলির প্রতিস্থাপন হিসাবে বিভাগ ট্যাগটি অতিরিক্ত ব্যবহার না করার বিষয়ে সতর্কতা অবলম্বন করুন । একটি বিভাগ ট্যাগ শরীরের প্রেক্ষাপটে একটি উল্লেখযোগ্য অঞ্চল সংজ্ঞায়িত করা উচিত । শব্দার্থকভাবে, এইচটিএমএল 5 আমাদের ডকুমেন্টকে নিম্নলিখিত হিসাবে সংজ্ঞায়িত করতে উত্সাহিত করে:
<html>
<head></head>
<body>
<header></header>
<section>
<h1></h1>
<div>
<span></span>
</div>
<div></div>
</section>
<footer></footer>
</body>
</html>এই কৌশলটি ওয়েব রোবট এবং স্বয়ংক্রিয় স্ক্রিন পাঠকদের আপনার সামগ্রীর প্রবাহকে আরও ভালভাবে বুঝতে দেয়। এই মার্কআপটি পরিষ্কারভাবে সংজ্ঞা দেয় যেখানে আপনার প্রধান পৃষ্ঠাগুলি অন্তর্ভুক্ত রয়েছে। অবশ্যই, শিরোনাম এবং পাদচরণগুলি প্রায়শই এক ওয়েবসাইটের হাজার হাজার পৃষ্ঠাগুলিতে শত শত জুড়ে সাধারণ। অধ্যায় ট্যাগ যেখানে অনন্য কন্টেন্ট অন্তর্ভুক্ত করা হয় ব্যাখ্যা সীমাবদ্ধ করতে হবে। বিভাগ বিভাগের মধ্যে , আমাদের তারপরে এইচটিএমএল ট্যাগগুলির সাথে নিম্নবর্ণিত এইচআরএল , ডিভ , স্প্যান ইত্যাদির সাহায্যে সামগ্রীটি চিহ্নিত করা এবং নিয়ন্ত্রণ করা চালিয়ে যাওয়া উচিত like
বেশিরভাগ সাধারণ পৃষ্ঠায় কেবল একক বিভাগের ট্যাগ থাকা উচিত , একাধিকগুলি নয়। দয়া করে আরও বিবেচনা করুন যে আরও আকর্ষণীয় এইচটিএমএল 5 ট্যাগ রয়েছে যা বিভাগের মতো । আপনার দস্তাবেজের প্রবাহের মধ্যে নিবন্ধ , সংক্ষিপ্তসার , একপাশে এবং অন্যগুলি ব্যবহার করার বিষয়ে বিবেচনা করুন । আপনি দেখতে পাচ্ছেন, এই ট্যাগগুলি HTML ডকুমেন্টের প্রধান অঞ্চলগুলি সংজ্ঞায়িত করার আমাদের দক্ষতাকে আরও বাড়িয়ে তোলে।
mainসেখানে ট্যাগ ব্যবহার করব এবং এর অভ্যন্তরে এক বা একাধিক sectionট্যাগ ব্যবহার করব।
<div>জেনেরিক ফ্লো ধারক আমরা সবাই জানি এবং ভালবাসি। এটি কোনও ব্লক-স্তরের উপাদান যার সাথে অতিরিক্ত কোনও অর্থগত অর্থ নেই (ডাব্লু 3 সি: মার্কআপ, হোয়াটডব্লুজি)
<section>জেনেরিক ডকুমেন্ট বা অ্যাপ্লিকেশন বিভাগ। সাধারণত একটি শিরোনাম থাকে (শিরোনাম) এবং সম্ভবত একটি পাদচরণও। এটি সম্পর্কিত সামগ্রীর অনেকগুলি অংশ, যেমন কোনও দীর্ঘ নিবন্ধের অংশ, পৃষ্ঠার একটি বড় অংশ (যেমন হোমপেজের সংবাদ বিভাগ), বা একটি ওয়েবঅ্যাপের ট্যাবড ইন্টারফেসের একটি পৃষ্ঠা। (ডাব্লু 3 সি: মার্কআপ, হোয়াটডাব্লুজি)
আমার পরামর্শ: দ্বি: কম ব্যবহৃত সংস্করণ (আমি মনে করি 4.01 থেকে এখনও) এইচটিএমএল উপাদান (অনেক ডিজাইনার হ্যান্ডেল করেছেন)। বিভাগ: সম্প্রতি আসছে (এইচটিএমএল 5) এইচটিএমএল উপাদান।
বিভাগ ট্যাগটি এইচটিএমএল-এর জন্য আরও শব্দার্থক সিনট্যাক্স সরবরাহ করে। বিভাগ একটি বিভাগের জন্য একটি জেনেরিক ট্যাগ। আপনি যখন উপযুক্ত সামগ্রীর জন্য বিভাগ ট্যাগ ব্যবহার করেন, এটি অনুসন্ধান ইঞ্জিন অপটিমাইজেশনের জন্যও ব্যবহার করা যেতে পারে। বিভাগের ট্যাগটি HTML পার্সিংয়ের পক্ষেও সহজ করে তোলে। আরও তথ্যের জন্য, দেখুন। http://blog.whatwg.org/is-not-just-a-semantic
ওয়েব অ্যাপ্লিকেশনের ক্ষেত্রে আমি কীভাবে সাম্প্রতিক এইচটিএমএল 5 উপাদানকে পৃথক করে তুলছি তার একটি টিপ এখানে দেওয়া হয়েছে (নিখুঁত বিষয়গত)।
<section>গ্রাফিক্যাল ইউজার ইন্টারফেসে একটি উইজেট চিহ্নিত করে, যেখানে উইন্ডোজের <div>উপাদানগুলির একটি ধারক যেমন একটি বোতাম ধারণ করে, এবং একটি লেবেল ইত্যাদি রয়েছে is
<article> গোষ্ঠী উইজেটগুলি যা একটি উদ্দেশ্য ভাগ করে নেয়।
<header> শিরোনাম এবং মেনুবার।
<footer> স্ট্যাটাসবার।
<section>ট্যাগ যেমন অধ্যায়গুলির, শিরোলেখ, পাদলেখ, বা নথির অন্য কোন বিভাগে একটি নথিতে অংশ, সংজ্ঞায়িত করে।
যেহেতু:
<div>ট্যাগ একটি বিভাগ বা একটি HTML নথিতে একটি অধ্যায় সংজ্ঞায়িত করে।
<div>ট্যাগ তাদের CSS এর সঙ্গে ফরম্যাট করতে গ্রুপ ব্লক-উপাদান ব্যবহার করা হয়।
<header>, <footer>, <nav>, <article>ইত্যাদি)
<section></section>
এইচটিএমএল
<section>উপাদানটি একটি দস্তাবেজের জেনেরিক বিভাগকে উপস্থাপন করে, অর্থাত্ বিষয়বস্তুর একটি থিম্যাটিক গ্রুপিং, সাধারণত শিরোনাম সহ। প্রত্যেককে<section>সাধারণত উপাদানটির শিশু হিসাবে শিরোনাম (<h1>-<h6>উপাদান) অন্তর্ভুক্ত করে সনাক্ত করা উচিত<section>। বিশদ জন্য দয়া করে নীচের লিঙ্ক।
তথ্যসূত্র:
- http://www.w3schools.com/tags/tag_section.asp
- https://developer.mozilla.org/en/docs/Web/HTML/Element/section
<div></div>
এইচটিএমএল
<div>উপাদান (বা এইচটিএমএল ডকুমেন্ট বিভাগ উপাদান) প্রবাহ সামগ্রীর জেনেরিক ধারক, যা সহজাতভাবে কোনও কিছু উপস্থাপন করে না। এটি স্টাইলিং উদ্দেশ্যে (শ্রেণি বা আইডি বৈশিষ্ট্যগুলি ব্যবহার করে) উপাদানগুলিকে গোষ্ঠী হিসাবে ব্যবহার করা যেতে পারে বা ল্যাংয়ের মতো বিশিষ্ট মানগুলি ভাগ করার কারণে। এটি তখনই ব্যবহার করা উচিত যখন অন্য কোনও শব্দার্থ উপাদান (যেমন<article>বা<nav>) উপযুক্ত না হয়।
তথ্যসূত্র: - http://www.w3schools.com/tags/tag_div.asp - https://developer.mozilla.org/en/docs/Web/HTML/Element/div
এখানে কিছু লিঙ্ক রয়েছে যা তাদের মধ্যে পার্থক্য সম্পর্কে আরও আলোচনা করেছে: