UltKit
ছবি11
PDF13
ডকুমেন্ট ও ডেটা7
ভিডিও6
অডিও4
আরও টুল22

HTML থেকে JSON কনভার্টার

সেভ করা ওয়েব পেজ থেকে টেবিলটি বের করে এমন JSON হিসেবে নিন, যার ওপর আপনার কোড লুপ চালাতে পারে। হেডার সেল থেকে কী-এর নাম আসে, আর টেবিলের প্রতিটি সারি একটি অ্যারের ভেতরে একটি করে অবজেক্ট হয়ে যায়।

ডেটা কনভার্টার

অথবা CSV, TSV, TXT … ফাইল এখানে ড্রop করুন ·

প্রতি ফাইল সর্বোচ্চ 95 MB· সর্বোচ্চ 20টি ফাইল· 30 মিনিট পরে মুছে ফেলা হয়

আউটপুট

ফাইল আমাদের সার্ভারে প্রসেস করা হয় এবং 30 মিনিট পরে মুছে ফেলা হয়।

এই টুল কীভাবে ব্যবহার করবেন

  1. 1

    পেজ বা টেবিলটি সেভ করুন

    ব্রাউজারে Ctrl+S (Mac-এ Cmd+S) চেপে HTML ফাইলটি সেভ করুন, অথবা ডেভেলপার টুল থেকে টেবিলের মার্কআপ কপি করে একটি .html ফাইলে রাখুন। একসাথে সর্বোচ্চ ২০টি ফাইল আপলোড করা যাবে, প্রতিটি 95 MB পর্যন্ত।

  2. 2

    JSON এর গঠন বেছে নিন

    Array of objects আগে থেকেই বেছে দেওয়া আছে। ফাইল আরও ছোট চাইলে উন্নত সেটিংস-এ গিয়ে JSON কাঠামো বদলে Array of arrays করুন, অথবা সাজানো ফরম্যাটে লিখুন বন্ধ করে এক লাইনের আউটপুট নিন।

  3. 3

    কনভার্ট করে ডেটা ব্যবহার করুন

    JSON-এ কনভার্ট করুন চাপুন, ফাইলটি ডাউনলোড করুন এবং JavaScript-এ JSON.parse, Python-এ json.load বা যেকোনো API ক্লায়েন্টে লোড করুন।

পেজটি সেভ করে .html ফাইল আপলোড করুন, টেবিলের প্রতিটি সারি টেবিলের হেডার ঘরকে key ধরে একটি JSON অবজেক্ট হয়ে ফিরে আসবে।

কখন ওয়েব টেবিলকে JSON এ রূপান্তর করতে হয়

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

সাধারণ সমাধান হলো স্ক্র্যাপার: পেজ আনুন, Beautiful Soup বা Cheerio দিয়ে পার্স করুন, সারি ধরে ঘরগুলো ম্যাপ করুন। পেজ রোজ বদলালে এটা লেখা সার্থক। কিন্তু একবারের জন্য দরকার হলে সেভ করা পেজ আপলোড করাই দ্রুত, আর রক্ষণাবেক্ষণের কিছু থাকে না।

HTML টেবিল থেকে JSON এর উদাহরণ

City ও Founded th হেডারসহ ইনপুট টেবিল এবং Array of objects আউটপুট
<table>
  <tr><th>City</th><th>Founded</th></tr>
  <tr><td>Porto</td><td>1123</td></tr>
  <tr><td>Graz</td><td>1128</td></tr>
</table>

[
  { "City": "Porto", "Founded": 1123 },
  { "City": "Graz", "Founded": 1128 }
]

রূপান্তরে কী থাকে আর কী বাদ পড়ে

  • থাকে: ঘরের লেখা, key হিসেবে হেডার সারি এবং সারির ক্রম
  • বাদ যায়: CSS, ইনলাইন স্টাইল, ক্লাস এবং টেবিলের বাইরের পেজ
  • বাদ যায়: ঘরের ভেতরের ছবি ও আইকন, কারণ সেগুলোর কোনো লেখার মান নেই
  • লিংক-ঘরে দেখা যাওয়া লেখাটাই থাকে, পেছনের URL নয়
  • ঘরের শুরু ও শেষের স্পেস অতিরিক্ত স্পেস ছাঁটুন দিয়ে ছাঁটা হয়
  • আউটপুট UTF-8, যা সিস্টেমের মধ্যে আদান-প্রদান হওয়া JSON-এর জন্য RFC 8259 বাধ্যতামূলক করেছে

HTML থেকে JSON কনভার্টারের সীমাবদ্ধতা

সেভ করা পেজ গ্রহণযোগ্য
.html .htm
প্রতি ব্যাচে পেজ
20
প্রতিটি আপলোড করা ফাইল
95 MB
তারপর ফাইল মুছে যায়
30 মিনিট

HTML ও JSON পাশাপাশি

HTML

হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ

HTML হলো ওয়েবের মার্কআপ ল্যাঙ্গুয়েজ, যা ১৯৯০-এর দশকের শুরুতে টিম বার্নার্স-লি প্রথম বর্ণনা করেন এবং এখন WHATWG লিভিং স্ট্যান্ডার্ড হিসেবে দেখভাল করে। HTML ফাইলে শিরোনাম, অনুচ্ছেদ, লিংক, টেবিল, ছবি ও ফর্ম বর্ণনা থাকে, আর স্টাইল সাধারণত আসে CSS থেকে। সব ব্রাউজার এটি রেন্ডার করে, এবং ইমেইল টেমপ্লেট ও সেভ করা ওয়েব পেজেও এটি ব্যবহার হয়। একটি HTML ফাইল প্রায়ই বাইরের ছবি ও স্টাইলশিটের ওপর নির্ভর করে, তাই একা সরালে সেটি ভাঙা দেখাতে পারে।

কম্প্রেশন
–
স্বচ্ছতা (ট্রান্সপারেন্সি)
–
অ্যানিমেশন
–
প্রবর্তনের সাল
1993 · Tim Berners-Lee; maintained by WHATWG
HTML কনভার্টার

JSON

জাভাস্ক্রিপ্ট অবজেক্ট নোটেশন

JSON হলো কাঠামোবদ্ধ ডেটার জন্য হালকা টেক্সট ফরম্যাট, যা ২০০০-এর দশকের শুরুতে Douglas Crockford জনপ্রিয় করেন এবং RFC 8259 ও ECMA-404 হিসেবে মানসম্মত হয়। সহজ ও পাঠযোগ্য সিনট্যাক্সে এটি অবজেক্ট, অ্যারে, স্ট্রিং, সংখ্যা, বুলিয়ান ও null প্রকাশ করে। প্রায় সব প্রোগ্রামিং ভাষায় ওয়েব API, কনফিগারেশন ফাইল ও অ্যাপের মধ্যে ডেটা আদান-প্রদানের ডিফল্ট ফরম্যাট এটি। এতে কমেন্ট, তারিখ বা স্কিমা বিল্ট-ইন নেই, এবং বড় নেস্টেড ফাইল ভিউয়ার ছাড়া পড়া কঠিন।

কম্প্রেশন
–
স্বচ্ছতা (ট্রান্সপারেন্সি)
–
অ্যানিমেশন
–
প্রবর্তনের সাল
2001 · Douglas Crockford
JSON কনভার্টার

রিপোর্ট পেজ, ইন্ট্রানেট বা সরকারি পরিসংখ্যানের সাইটে পাঠকের জন্য প্রকাশিত কোনো টেবিল যখন স্ক্রিপ্ট, চার্ট লাইব্রেরি বা API টেস্টে ব্যবহার করতে হয়, তখন HTML থেকে JSON করা হয়।

দুটি ফরম্যাটের ঐতিহ্য আলাদা। HTML প্রথম বর্ণনা করেন Tim Berners-Lee ১৯৯১ সালে, এখন WHATWG এটিকে লিভিং স্ট্যান্ডার্ড হিসেবে দেখভাল করে; এটি ডকুমেন্ট প্রদর্শনের জন্য মার্কআপ করে। JSON নির্দিষ্ট করেছেন Douglas Crockford, এবং এটি RFC 8259 ও ECMA-404 হিসেবে মানসম্মত; এতে শুধু ডেটাই থাকে। প্রথমটি থেকে দ্বিতীয়টিতে যাওয়া মানে মূলত উপস্থাপনা বাদ দেওয়া, তাই ফলাফল সাধারণত সেভ করা পেজের চেয়ে অনেক ছোট হয়। ওয়েব পেজের বদলে XML ফিডে আসা টেবিলের জন্য XML থেকে JSON একই কাজ করে।

HTML থেকে JSON নিয়ে প্রশ্ন

কনভার্টার কি পুরো ওয়েব পেজ পড়ে, নাকি শুধু টেবিল?

শুধু টেবিল মার্কআপ: table, tr, th ও td এলিমেন্টের ভেতরের সারি ও ঘর। নেভিগেশন মেনু, অনুচ্ছেদ এবং div দিয়ে বানানো কার্ড লেআউট টেবিলের ডেটা নয়, তাই এগুলো JSON-এ রূপান্তরিত হয় না।

JSON এর কী কোন সারি থেকে আসে?

হেডার সারি, সাধারণত টেবিলের ওপরের th ঘরগুলো। প্রথম সারি হেডার চালু থাকলে এর লেখাই নিচের প্রতিটি মানের key হয়, তাই Population শিরোনামের কলাম প্রতিটি অবজেক্টে "Population": "…" হিসেবে আসে।

colspan ও rowspan সেল কীভাবে সামলানো হয়?

মার্জ করা ঘর কয়েকটি গ্রিড অবস্থান জুড়ে থাকে, কিন্তু মান থাকে একটিই। সেই মান শুধু প্রথম অবস্থানে আসবে। তাই রূপান্তরের পর স্প্যান করা কলামগুলো দেখে নিন, আর টেবিলে মার্জ করা হেডার থাকলে ফাঁকগুলো কোডে ভরে নিন।

আমার JSON এ সংখ্যার সঙ্গে কমা বা ফুটনোট চিহ্ন কেন থাকে?

ওয়েব টেবিল পাঠকের জন্য লেখা হয়, তাই ঘরে 1,204,000 বা 8.3[2] থাকতে পারে। 1123-এর মতো সাধারণ সংখ্যা JSON সংখ্যা হয়ে যায়, কিন্তু ওই ঘরগুলো বৈধ সংখ্যা নয় বলে স্ট্রিং থাকে। হিসাব করার আগে কোডে বিভাজক ও পাদটীকার চিহ্ন সরিয়ে নিন।

ওয়েবসাইট থেকে টেবিল স্ক্র্যাপ করা কি অনুমোদিত?

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

JSON এর বদলে কি স্প্রেডশিট পাওয়া যায়?

হ্যাঁ। HTML থেকে CSV একই টেবিলকে কমা দিয়ে আলাদা করা সারি হিসেবে লেখে, যা Excel, Google Sheets বা Numbers-এ খোলে।