HTML-entiteettien koodaus ja purku

Q: Mitkä merkit on escapetettava HTML:ssä?

Tekstisisällössä & ja < ovat välttämättömiä. Attribuuttiarvoissa escapeta myös käyttämäsi lainausmerkki. Kaikkien viiden (& < > " ') escapetus on turvallinen oletus.

Q: Onko heittomerkki &apos; vai &#39;?

&apos; on kelvollinen HTML5:ssä ja XML:ssä mutta ei HTML 4:ssä, joten numeerinen &#39; tai &#x27; on yhteensopivin valinta, ja sen tämä kooderi tuottaa.

Escapeta teksti, jotta sen voi turvallisesti lisätä HTML:ään, tai muuta entiteetit kuten & ja € takaisin luettaviksi merkeiksi.

Toimii selaimessaEi rekisteröitymistäMitään ei lähetetä

Koodattava teksti tai HTML

Koodattu

Näin käytät työkalua: HTML-entiteettien koodaus / purku

Valitse Koodaa escapetaksesi tekstin tai Pura muuttaaksesi entiteetit takaisin merkeiksi.
Koodatessa valitse, mitkä merkit escapetaan: vain HTML-erikoismerkit, myös kaikki ei-ASCII-merkit tai kaikki paitsi kirjaimet ja numerot.
Valitse nimetyt entiteetit (é), desimaalimuoto (é) tai heksamuoto (é).
Kopioi tulos. Purettaessa tuntemattomat entiteetit luetellaan, jotta huomaat kirjoitusvirheet.

Miksi HTML pitää escapettaa?

Viidellä merkillä on HTML:ssä erityismerkitys: & aloittaa entiteetin, < ja > rajaavat tagit, ja " ja ' päättävät attribuuttiarvot. Jos käyttäjän syöttämä teksti, joka sisältää niitä, lisätään sivulle escapettamatta, se voi rikkoa asettelun tai pahimmillaan syöttää skriptejä (cross-site scripting, XSS). Escapetus muuttaa ne muotoihin &, <, >, " ja ', jotka selain näyttää tekstinä.

Nimetyt, desimaali- ja heksaentiteetit

Jokaisen Unicode-merkin voi kirjoittaa numeerisena viittauksena: desimaalina € tai heksana € merkille €. Monilla yleisillä merkeillä on myös luettava nimi, kuten €, © tai  . Numeeriset viittaukset toimivat kaikkialla, myös XML:ssä, joka määrittelee vain viisi nimettyä entiteettiä. Nimetyt entiteetit ovat lähdekoodissa helpompia lukea.

Pitääkö ei-ASCII-merkit koodata?

Ei, jos sivu tarjoillaan UTF-8:na, kuten lähes jokainen moderni sivusto (<meta charset="utf-8">). Merkit kuten é, ü tai 日本 voi kirjoittaa suoraan. Niiden koodaaminen on hyödyllistä vanhoissa järjestelmissä, sähköpostipohjissa tai kun jokin käsittelyketju sotkee ei-ASCII-tekstin.

Escapetus riippuu kontekstista

HTML-entiteettien escapetus suojaa elementin sisältöön ja lainausmerkeissä oleviin attribuutteihin sijoitettua tekstiä. Se ei riitä arvoille <script>-lohkoissa, inline-tapahtumankäsittelijöissä, CSS:ssä tai URL-osoitteissa, jotka kukin tarvitsevat oman koodauksensa. Suosi kehyksesi automaattista escapetusta (React, Vue, Jinja, Blade) käsin rakennettujen merkkijonojen sijaan.

Usein kysytyt kysymykset

Mitkä merkit on escapetettava HTML:ssä?

Tekstisisällössä & ja < ovat välttämättömiä. Attribuuttiarvoissa escapeta myös käyttämäsi lainausmerkki. Kaikkien viiden (& < > " ') escapetus on turvallinen oletus.

Mikä on &nbsp;?

Sitova välilyönti (U+00A0). Se näyttää välilyönniltä, mutta estää rivinvaihdon eikä sulaudu viereisiin välilyönteihin.

Taaksepäin yhteensopivuuden vuoksi selaimet purkavat muutamia vanhoja entiteettejä, kuten &copy, &amp ja &lt, myös ilman loppupuolipistettä. Tämä purkaja noudattaa samaa sääntöä. Kirjoita omaan HTML:ääsi aina puolipiste.

Onko heittomerkki &apos; vai &#39;?

' on kelvollinen HTML5:ssä ja XML:ssä mutta ei HTML 4:ssä, joten numeerinen ' tai ' on yhteensopivin valinta, ja sen tämä kooderi tuottaa.

Aiheeseen liittyvät työkalut

URL-koodaus / -purku Prosenttikoodaa/pura tekstiä ja jäsennä URL:n kyselymerkkijonot. Base64-koodaus / -purku Koodaa ja pura Base64 ja base64url, tekstiä tai tiedostoja. HTML-pienentäjä Poista kommentit ja tyhjätila sekä pienennä upotettu CSS/JS. Regex-testaaja JavaScript-regexien testaus reaaliajassa ryhmineen ja korvauksineen.