Konvertera HTML till JSON

Q: Vilken rad ger JSON-nycklarna?

Rubrikraden, vanligtvis th-cellerna överst i tabellen. När **Första raden är rubrikrad** är aktiverat blir texten nyckel för varje värde under den, så en kolumn med rubriken Population ger "Population": "…" i varje objekt.

Q: Kan jag få ett kalkylark i stället för JSON?

Ja. [HTML till CSV](/html-to-csv) skriver samma tabell som kommaseparerade rader som kan öppnas i Excel, Google Sheets eller Numbers.

Plocka ut tabellen ur en sparad webbsida och få tillbaka den som JSON som din kod kan loopa igenom. Rubrikcellerna namnger nycklarna, och varje tabellrad blir ett objekt i en array.

eller släpp CSV, TSV, TXT …-filer här ·

Max 95 MB per fil· Upp till 20 filer· Raderas efter 30 minuter

Utdata

Konvertera till

Filerna bearbetas på våra servrar och raderas efter 30 minuter.

CSV och text

Avgränsare

Tecknet som skiljer kolumner åt i CSV- och textfiler, både vid läsning och skrivning. Automatiskt identifierar det i indata och skriver kommatecken.

Textkodning

UTF-8 fungerar för alla språk. Välj UTF-8 med BOM om Excel i Windows visar förvrängda å, ä, ö eller asiatiska tecken när du öppnar CSV-filen.

Första raden är rubrikrad

Använd första raden som kolumnnamn: de blir JSON-nycklar, XML-taggar, SQL-kolumnnamn och fältmappning i vCard. Stäng av om rad 1 är data.

Blad

Blad att konvertera

För indata från Excel, ODS och Numbers: konvertera bara första bladet eller alla blad (en CSV per blad i en ZIP, eller en JSON-nyckel per blad).

JSON, XML och SQL

Snygg formatering

Indrag i utdata så att det blir läsbart för människor. Av skriver det på så få rader som möjligt, vilket ger en mindre fil.

JSON-struktur

Lista med objekt använder kolumnnamnen som nycklar för varje rad; lista med listor är mer kompakt och behåller rubrikraden som första lista.

Värden

Datum

Skriv om datumceller i ett enda format. ISO (2026-10-18) är säkrast för databaser och kod; behåll lämnar dem som i källan.

Ta bort extra mellanslag

Ta bort mellanslag i början och slutet av varje värde, en vanlig orsak till misslyckade sökningar efter import.

Så använder du verktyget

1
Spara sidan eller tabellen
Tryck Ctrl+S (Cmd+S på Mac) i webbläsaren och spara HTML-filen, eller kopiera tabellens kod från utvecklarverktygen till en .html-fil. Ladda upp upp till 20 filer, högst 95 MB vardera.
2
Välj JSON-struktur
Array av objekt är redan valt. Under Avancerade inställningar kan du byta JSON-struktur till Array av arrayer för en mer kompakt fil, eller stänga av Snygg formatering för att få en enda rad.
3
Konvertera och använd datan
Tryck på Konvertera till JSON, ladda ner filen och läs in den med JSON.parse i JavaScript, json.load i Python eller valfri API-klient.

Spara sidan, ladda upp .html-filen så returneras varje tabellrad som ett JSON-objekt med tabellens rubrikceller som nycklar.

När en webbtabell behöver bli JSON

Många användbara data finns bara som HTML-tabeller: en sida med växelkurser, en tabell över en serie i sport, en rapport som ditt intranät visar men aldrig låter dig ladda ner, en statussida som listar varje server. Webbläsaren visar den snyggt, men en frontendutvecklare som bygger ett diagram, eller en testare som behöver testdata, vill ha en array av objekt i stället.

Det vanliga svaret är en scraper: hämta sidan, tolka den med Beautiful Soup eller Cheerio, gå igenom raderna och koppla ihop cellerna. Det lönar sig när sidan ändras varje dag. För en tabell du behöver en gång går det snabbare att ladda upp den sparade sidan, och inget behöver underhållas.

Exempel: HTML-tabell till JSON

Indatatabell med th-rubrikerna City och Founded, utdata som Array av objekt

<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 }
]

Vad konverteringen behåller och tar bort

Behålls: celltext, rubrikraden som nycklar och radernas ordning
Tas bort: CSS, inbäddade stilar, klasser och sidan runt tabellen
Tas bort: bilder och ikoner i celler, som saknar textvärde
Länkceller behåller sin synliga text, inte webbadressen bakom
Mellanslag i början och slutet av celler tas bort av Ta bort extra mellanslag
Utdata är UTF-8, vilket RFC 8259 kräver för JSON som delas mellan system

Begränsningar vid konvertering av HTML till JSON

sparade sidor accepteras: .html .htm
sidor per omgång: 20
per uppladdad fil: 95 MB
därefter raderas filerna: 30 min

HTML och JSON sida vid sida

HTML

HyperText Markup Language

HTML är webbens märkspråk, som Tim Berners-Lee först beskrev i början av 1990-talet och som numera underhålls av WHATWG som en levande standard. En HTML-fil beskriver rubriker, stycken, länkar, tabeller, bilder och formulär, medan utseendet oftast kommer från CSS. Alla webbläsare visar det, och det används också för e-postmallar och sparade webbsidor. En enskild HTML-fil är ofta beroende av externa bilder och stilmallar, så den kan se trasig ut när den flyttas ensam.

Komprimering: –
Transparens: –
Animation: –
Introducerades: 1993 · Tim Berners-Lee; maintained by WHATWG

HTML-omvandlare

JSON

JavaScript Object Notation

JSON är ett lättviktigt textformat för strukturerad data, populariserat av Douglas Crockford i början av 2000-talet och standardiserat som RFC 8259 och ECMA-404. Det representerar objekt, listor, strängar, tal, booleska värden och null med enkel, läsbar syntax. Det är standardformatet för webb-API:er, konfigurationsfiler och datautbyte mellan appar i nästan alla programmeringsspråk. Det har inga inbyggda kommentarer, datum eller scheman, och stora nästlade filer är svåra att läsa utan en visare.

Komprimering: –
Transparens: –
Animation: –
Introducerades: 2001 · Douglas Crockford

JSON-omvandlare

HTML omvandlas till JSON när en tabell som publicerats för mänskliga läsare, på en rapportsida, ett intranät eller en offentlig statistiksajt, ska användas i ett skript, ett diagrambibliotek eller ett API-test.

De två formaten kommer från olika traditioner. HTML, som Tim Berners-Lee först beskrev 1991 och som nu underhålls av WHATWG som en levande standard, märker upp dokument för visning. JSON, specificerat av Douglas Crockford och standardiserat som RFC 8259 och ECMA-404, innehåller bara data. Att gå från det första till det andra handlar mest om att kasta bort presentationen, och därför blir resultatet oftast mycket mindre än den sparade sidan. För tabeller som kom som XML-flöden i stället för webbsidor gör XML till JSON motsvarande jobb.

Frågor om HTML till JSON

Läser konverteraren hela webbsidan eller bara tabellerna?

Bara tabellkod: raderna och cellerna i elementen table, tr, th och td. Navigeringsmenyer, stycken och kortlayouter byggda med div-element är inte tabelldata och omvandlas därför inte till JSON.

Vilken rad ger JSON-nycklarna?

Rubrikraden, vanligtvis th-cellerna överst i tabellen. När Första raden är rubrikrad är aktiverat blir texten nyckel för varje värde under den, så en kolumn med rubriken Population ger "Population": "…" i varje objekt.

Hur hanteras celler med colspan och rowspan?

En sammanslagen cell täcker flera rutnätspositioner men innehåller ett värde. Räkna med att värdet bara finns i den första positionen, så kontrollera de överspända kolumnerna efter konverteringen och fyll luckorna i kod om tabellen använder sammanslagna rubriker.

Varför står talen i min JSON med kommatecken eller fotnotstecken?

Webbtabeller skrivs för läsare, så en cell kan innehålla 1,204,000 eller 8.3[2]. Ett enkelt tal som 1123 blir ett JSON-tal, men sådana celler är inte giltiga tal och förblir strängar. Ta bort tusentalsavgränsare och fotnotsmarkeringar i kod innan du räknar.

Är det tillåtet att hämta en tabell från en webbplats?

Det beror på webbplatsens villkor och på uppgifterna, inte på filformatet. Offentlig statistik och dina egna exporterade rapporter är de vanliga fallen. Läs villkoren innan du återanvänder någon annans innehåll.

Kan jag få ett kalkylark i stället för JSON?

Ja. HTML till CSV skriver samma tabell som kommaseparerade rader som kan öppnas i Excel, Google Sheets eller Numbers.