HTML to JSON மாற்றி
சேமித்த வலைப்பக்கத்திலிருந்து அட்டவணையை எடுத்து, உங்கள் கோட் லூப் செய்யக்கூடிய JSON ஆகப் பெறுங்கள். தலைப்புக் கலங்கள் கீ-களின் பெயர்களாகும்; அட்டவணையின் ஒவ்வொரு வரிசையும் ஒரு array-இல் ஒரு ஆப்ஜெக்ட்டாக மாறும்.
டேட்டா மாற்றி
அல்லது CSV, TSV, TXT … கோப்புகள் இங்கே இழுத்து விடவும் ·
ஒரு கோப்புக்கு அதிகபட்சம் 95 MB· அதிகபட்சம் 20 கோப்புகள்· 30 நிமிடங்களுக்குப் பிறகு நீக்கப்படும்
கோப்புகள் எங்கள் சேவையகங்களில் செயலாக்கப்பட்டு 30 நிமிடங்களுக்குப் பிறகு நீக்கப்படும்.
CSV மற்றும் உரை கோப்புகளில் நெடுவரிசைகளைப் பிரிக்கும் எழுத்து; படிக்கவும் எழுதவும் பயன்படும். தானியங்கி என்றால் உள்ளீட்டிலிருந்து கண்டறிந்து, காற்புள்ளியால் எழுதும்.
UTF-8 எல்லா மொழிகளுக்கும் பொருந்தும். Windows-இல் Excel-இல் CSV திறக்கும்போது உச்சரிப்புகள் அல்லது ஆசிய எழுத்துகள் சிதைந்தால் UTF-8 with BOM தேர்ந்தெடுக்கவும்.
Excel, ODS மற்றும் Numbers உள்ளீடு: முதல் தாளை மட்டும் அல்லது எல்லாத் தாள்களையும் மாற்றவும் (ZIP-இல் தாளுக்கு ஒரு CSV, அல்லது தாளுக்கு ஒரு JSON விசை).
புதிய விரிதாளில் தாள் தத்தின் பெயர், அதிகபட்சம் 31 எழுத்துகள்.
பொருள்களின் வரிசை ஒவ்வொரு வரிசைக்கும் நெடுவரிசைப் பெயர்களை விசைகளாகப் பயன்படுத்தும்; வரிசைகளின் வரிசை சுருக்கமானது, தலைப்பை முதல் வரிசையாக வைக்கும்.
எல்லா வரிசைகளையும் சுற்றியிருக்கும் வெளிப்புற உறுப்பின் பெயர்; ஒவ்வொரு வரிசையும் அதனுள் <row> ஆக மாறும்.
CREATE TABLE மற்றும் INSERT கூற்றுகளில் பயன்படும். எழுத்துகள், இலக்கங்கள், அடிக்கோடுகள் மட்டும்.
மேற்கோளிடலும் நெடுவரிசை வகைகளும் தரவுத்தளங்களுக்கிடையே சற்று வேறுபடும்; இறக்குமதி செய்யப்போவதைத் தேர்ந்தெடுக்கவும்.
தேதி கலங்களை ஒரே வடிவில் மாற்றி எழுதவும். தரவுத்தளங்களுக்கும் குறியீட்டிற்கும் ISO (2026-10-18) பாதுகாப்பானது; அப்படியே வை என்றால் மூலத்தில் உள்ளபடி இருக்கும்.
இந்தக் கருவியை எப்படிப் பயன்படுத்துவது
- 1
பக்கத்தையோ அட்டவணையையோ சேமியுங்கள்
உங்கள் உலாவியில் Ctrl+S (Mac-இல் Cmd+S) அழுத்தி HTML கோப்பைச் சேமிக்கவும், அல்லது டெவலப்பர் கருவிகளில் இருந்து அட்டவணையின் மார்க்அப்பை நகலெடுத்து .html கோப்பில் வைக்கவும். ஒவ்வொன்றும் 95 MB வரை, 20 கோப்புகள் வரை பதிவேற்றலாம்.
- 2
JSON அமைப்பைத் தேர்ந்தெடுங்கள்
பொருள்களின் வரிசை (Array of objects) ஏற்கெனவே தேர்வாகியிருக்கும். சிறிய கோப்பு வேண்டுமெனில் மேம்பட்ட அமைப்புகள் பகுதியில் JSON அமைப்பு என்பதை Array of arrays ஆக மாற்றவும்; ஒரே வரியில் வெளியீடு வேண்டுமெனில் அழகாக வடிவமை என்பதை அணைக்கவும்.
- 3
மாற்றி, தரவைப் பயன்படுத்துங்கள்
JSON ஆக மாற்று அழுத்தி கோப்பைப் பதிவிறக்கவும். பின்னர் JavaScript-இல்
JSON.parse, Python-இல்json.loadஅல்லது எந்த API கிளையண்டிலும் ஏற்றலாம்.
பக்கத்தைச் சேமித்து .html கோப்பைப் பதிவேற்றுங்கள்; அட்டவணையின் ஒவ்வொரு வரிசையும் தலைப்புக் கட்டங்களை விசைகளாகக் கொண்ட JSON பொருளாக வரும்.
வலை அட்டவணையை JSON ஆக்க வேண்டிய சூழல்கள்
பல பயனுள்ள தரவுகள் HTML அட்டவணையாக மட்டுமே உள்ளன: செலாவணி விகிதப் பக்கம், விளையாட்டு லீக் நிலை, இன்ட்ராநெட் காட்டினாலும் பதிவிறக்க விடாத அறிக்கை, ஒவ்வொரு சர்வரையும் பட்டியலிடும் நிலைப் பக்கம். உலாவி அதை அழகாகக் காட்டும்; ஆனால் விளக்கப்படம் உருவாக்கும் ஃப்ரன்ட்-எண்ட் டெவலப்பருக்கோ சோதனைத் தரவு தேவைப்படும் டெஸ்டருக்கோ பொருள்களின் வரிசையே வேண்டும்.
வழக்கமான தீர்வு ஸ்கிராப்பர்: பக்கத்தைப் பெற்று Beautiful Soup அல்லது Cheerio-வால் parse செய்து, வரிசைகளைக் கடந்து, கட்டங்களை map செய்வது. பக்கம் தினமும் மாறினால் அது மதிப்புள்ளது. ஒருமுறை மட்டும் தேவைப்படும் அட்டவணைக்கு, சேமித்த பக்கத்தைப் பதிவேற்றுவது வேகமானது; பராமரிக்க எதுவும் இருக்காது.
HTML அட்டவணையை JSON ஆக மாற்றும் எடுத்துக்காட்டு
<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 }
]மாற்றத்தில் எவை தக்கவைக்கப்படும், எவை நீக்கப்படும்
- வைத்திருப்பவை: கட்ட உரை, விசைகளாகத் தலைப்பு வரிசை, வரிசைகளின் ஒழுங்கு
- நீக்கப்படுபவை: CSS, இன்லைன் பாணிகள், கிளாஸ்கள், அட்டவணையைச் சுற்றியுள்ள பக்கம்
- நீக்கப்படுபவை: கட்டங்களுக்குள் உள்ள படங்களும் ஐகான்களும்; அவற்றுக்கு உரை மதிப்பு இல்லை
- இணைப்புக் கட்டங்கள் தெரியும் உரையையே வைத்திருக்கும், பின்னாலுள்ள URL-ஐ அல்ல
- கட்டங்களின் தொடக்க, இறுதி இடைவெளிகள் இடைவெளிகளை நீக்கு மூலம் நீக்கப்படும்
- வெளியீடு UTF-8; அமைப்புகளுக்கிடையே பகிரப்படும் JSON-க்கு RFC 8259 இதையே கோருகிறது
HTML to JSON மாற்றியின் வரம்புகள்
- சேமித்த பக்கங்கள் ஏற்கப்படும்
- .html .htm
- ஒரு தொகுப்பில் பக்கங்கள்
- 20
- ஒரு கோப்புக்கு
- 95 MB
- பின்னர் கோப்புகள் நீக்கப்படும்
- 30 நிமிடம்
HTML, JSON ஒப்பீடு
HTML
ஹைப்பர்டெக்ஸ்ட் மார்க்அப் மொழி
HTML என்பது வலையின் மார்க்அப் மொழி; 1990-களின் தொடக்கத்தில் Tim Berners-Lee இதை முதலில் விவரித்தார், இப்போது WHATWG இதை வாழும் தரநிலையாகப் பராமரிக்கிறது. HTML கோப்பு தலைப்புகள், பத்திகள், இணைப்புகள், அட்டவணைகள், படங்கள் மற்றும் படிவங்களை விவரிக்கும்; வடிவமைப்பு பொதுவாக CSS-இலிருந்து வரும். ஒவ்வொரு உலாவியும் இதைக் காட்டும்; மின்னஞ்சல் வார்ப்புருக்களுக்கும் சேமித்த வலைப்பக்கங்களுக்கும் பயன்படுகிறது. ஒரு HTML கோப்பு பெரும்பாலும் வெளிப்புறப் படங்கள் மற்றும் ஸ்டைல்ஷீட்களைச் சார்ந்திருப்பதால், தனியாக நகர்த்தினால் சிதைந்து தெரியலாம்.
- சுருக்கம்
- –
- ஒளி ஊடுருவும் தன்மை
- –
- அனிமேஷன்
- –
- அறிமுகமான ஆண்டு
- 1993 · Tim Berners-Lee; maintained by WHATWG
JSON
ஜாவாஸ்கிரிப்ட் ஆப்ஜெக்ட் நோட்டேஷன்
JSON என்பது கட்டமைக்கப்பட்ட தரவுக்கான இலகுவான உரை வடிவம்; 2000-களின் தொடக்கத்தில் Douglas Crockford பிரபலப்படுத்தினார், RFC 8259 மற்றும் ECMA-404 ஆக தரப்படுத்தப்பட்டது. ஆப்ஜெக்ட்கள், அரேக்கள், ஸ்ட்ரிங்குகள், எண்கள், பூலியன்கள் மற்றும் null-ஐ எளிய, படிக்கக்கூடிய தொடரியலில் குறிக்கிறது. வலை API-கள், உள்ளமைவுக் கோப்புகள் மற்றும் கிட்டத்தட்ட எல்லா நிரலாக்க மொழிகளிலும் பயன்பாடுகளுக்கிடையிலான தரவுப் பரிமாற்றத்திற்கு இதுவே இயல்புநிலை வடிவம். இதில் கருத்துரைகள், தேதிகள் அல்லது ஸ்கீமாக்கள் உள்ளமைவாக இல்லை; பெரிய உள்ளமை கோப்புகளை வியூவர் இல்லாமல் படிப்பது கடினம்.
- சுருக்கம்
- –
- ஒளி ஊடுருவும் தன்மை
- –
- அனிமேஷன்
- –
- அறிமுகமான ஆண்டு
- 2001 · Douglas Crockford
அறிக்கைப் பக்கம், இன்ட்ராநெட் அல்லது பொதுப் புள்ளிவிவரத் தளத்தில் வாசகர்களுக்காக வெளியிடப்பட்ட அட்டவணை, ஸ்கிரிப்ட், விளக்கப்பட நூலகம் அல்லது API சோதனைக்குத் தரவாகத் தேவைப்படும்போது HTML-ஐ JSON ஆக மாற்றுவார்கள்.
இவ்விரு வடிவங்களும் வெவ்வேறு மரபுகளிலிருந்து வந்தவை. 1991-இல் Tim Berners-Lee முதலில் விவரித்த HTML, இப்போது WHATWG-ஆல் வாழும் தரநிலையாகப் பராமரிக்கப்படுகிறது; ஆவணங்களைக் காட்சிக்காகக் குறிக்கிறது. Douglas Crockford வரையறுத்து RFC 8259, ECMA-404 ஆகத் தரப்படுத்தப்பட்ட JSON தரவை மட்டுமே கொண்டிருக்கும். முதலிலிருந்து இரண்டாவதற்கு மாறுவது பெரும்பாலும் தோற்ற அமைப்பைத் தூக்கி எறிவதே; அதனால்தான் முடிவு சேமித்த பக்கத்தை விட மிகச் சிறியதாக இருக்கும். வலைப்பக்கங்களாக அல்லாமல் XML ஊட்டங்களாக வந்த அட்டவணைகளுக்கு XML to JSON அதே வேலையைச் செய்யும்.
HTML to JSON கேள்விகள்
மாற்றி முழு வலைப்பக்கத்தையும் படிக்குமா, அட்டவணைகளை மட்டுமா?
அட்டவணை மார்க்அப் மட்டுமே: table, tr, th, td உறுப்புகளுக்குள் உள்ள வரிசைகள், கட்டங்கள். வழிசெலுத்தல் மெனுக்கள், பத்திகள், div உறுப்புகளால் அமைந்த கார்டு வடிவமைப்புகள் அட்டவணைத் தரவு அல்ல; எனவே அவை JSON ஆக மாற்றப்படாது.
JSON கீ-களை எந்த வரிசை தருகிறது?
தலைப்பு வரிசை, பொதுவாக அட்டவணையின் மேலே உள்ள th கட்டங்கள். முதல் வரிசை தலைப்பு இயக்கத்தில் இருந்தால், அதன் உரை கீழே உள்ள ஒவ்வொரு மதிப்புக்கும் விசையாகும். எனவே Population என்ற தலைப்புள்ள நெடுவரிசை ஒவ்வொரு பொருளிலும் "Population": "…" எனத் தரும்.
colspan, rowspan கலங்கள் எப்படிக் கையாளப்படுகின்றன?
இணைக்கப்பட்ட கட்டம் பல கட்ட இடங்களை உள்ளடக்கும், ஆனால் ஒரே மதிப்பைக் கொண்டிருக்கும். அந்த மதிப்பு முதல் இடத்தில் மட்டுமே வரும். எனவே மாற்றிய பின் பரவிய நெடுவரிசைகளைச் சரிபார்க்கவும்; உங்கள் அட்டவணை இணைக்கப்பட்ட தலைப்புகளை நம்பியிருந்தால் இடைவெளிகளைக் குறியீட்டில் நிரப்பவும்.
என் JSON-இல் எண்கள் ஏன் காற்புள்ளிகள் அல்லது அடிக்குறிப்புக் குறிகளுடன் உள்ளன?
வலை அட்டவணைகள் வாசகர்களுக்காக எழுதப்படுகின்றன; ஒரு கட்டத்தில் 1,204,000 அல்லது 8.3[2] என்றிருக்கலாம். 1123 போன்ற எளிய எண் JSON எண்ணாக மாறும்; ஆனால் அந்தக் கட்டங்கள் செல்லுபடியாகும் எண்கள் அல்ல, எனவே சரங்களாகவே இருக்கும். கணக்கிடும் முன் பிரிப்பான்களையும் அடிக்குறிப்புக் குறிகளையும் குறியீட்டில் நீக்கவும்.
இணையதளத்திலிருந்து அட்டவணையை எடுப்பது அனுமதிக்கப்பட்டதா?
அது கோப்பு வடிவத்தைப் பொறுத்ததல்ல; தளத்தின் விதிமுறைகளையும் தரவையும் பொறுத்தது. பொதுப் புள்ளிவிவரங்களும் உங்கள் சொந்த ஏற்றுமதி அறிக்கைகளும் வழக்கமான நிகழ்வுகள். வேறொருவரின் உள்ளடக்கத்தை மீண்டும் பயன்படுத்தும் முன் விதிமுறைகளைச் சரிபார்க்கவும்.
JSON-க்குப் பதிலாக ஸ்ப்ரெட்ஷீட் பெற முடியுமா?
ஆம். HTML to CSV அதே அட்டவணையை காற்புள்ளியால் பிரிக்கப்பட்ட வரிசைகளாக எழுதும்; அவை Excel, Google Sheets அல்லது Numbers-இல் திறக்கும்.