HTML Entity Encoder at Decoder

Q: Aling mga character ang dapat i-escape sa HTML?

Sa text content, mahalaga ang & at <. Sa attribute value, i-escape din ang quote character na ginamit mo. Ang pag-escape sa lahat ng lima (& < > " ') ang ligtas na default.

Q: &apos; ba o &#39; ang apostrophe?

Valid ang &apos; sa HTML5 at XML pero hindi sa HTML 4, kaya ang numeric na &#39; o &#x27; ang pinaka-compatible na pagpipilian at siyang inilalabas ng encoder na ito.

I-escape ang text para ligtas itong ilagay sa loob ng HTML, o gawing nababasang character muli ang mga entity gaya ng & at €.

Tumatakbo sa browser moWalang sign-upWalang ina-upload

Text o HTML na ie-encode

Na-encode

Paano gamitin ang HTML Entity Encoder / Decoder

Piliin ang I-encode para i-escape ang text, o I-decode para gawing character muli ang mga entity.
Kapag nag-e-encode, piliin kung aling mga character ang ie-escape: ang HTML-special lang, pati lahat ng non-ASCII, o lahat maliban sa mga letra at numero.
Pumili ng named entity (é), decimal (é) o hex (é).
Kopyahin ang resulta. Kapag nagde-decode, nakalista ang mga hindi kilalang entity para makita mo ang mga typo.

Bakit kailangang i-escape ang HTML?

May espesyal na kahulugan ang limang character sa HTML: sinisimulan ng & ang entity, nililimitahan ng < at > ang mga tag, at isinasara ng " at ' ang attribute value. Kapag ipinasok sa page nang hindi naka-escape ang text mula sa user na may mga ito, puwede nitong sirain ang layout o, mas malala, mag-inject ng script (cross-site scripting, XSS). Ginagawa ng escaping ang mga ito na &, <, >, " at ', na ipinapakita ng browser bilang text.

Named, decimal at hex na entity

Maisusulat ang bawat Unicode character bilang numeric reference: decimal na € o hex na € para sa €. Marami ring karaniwang character ang may nababasang pangalan, gaya ng €, © o  . Gumagana kahit saan ang numeric reference, kasama ang XML, na limang named entity lang ang dinedepina. Mas madaling basahin sa source code ang named entity.

Kailangan ko bang i-encode ang mga non-ASCII character?

Hindi, kung naka-serve bilang UTF-8 ang page mo, gaya ng halos lahat ng modernong site (<meta charset="utf-8">). Puwedeng isulat nang diretso ang mga character gaya ng é, ü o 日本. Kapaki-pakinabang ang pag-encode sa mga ito para sa mga legacy system, email template, o kapag sinisira ng isang pipeline ang non-ASCII na text.

Nakadepende sa context ang escaping

Pinoprotektahan ng HTML entity escaping ang text na inilalagay sa element content at naka-quote na attribute. Hindi ito sapat para sa mga value sa loob ng <script> block, inline event handler, CSS o URL, na may kanya-kanyang encoding. Mas mainam gamitin ang auto-escaping ng iyong framework (React, Vue, Jinja, Blade) kaysa mano-manong pagbuo ng string.

Mga madalas itanong

Aling mga character ang dapat i-escape sa HTML?

Sa text content, mahalaga ang & at <. Sa attribute value, i-escape din ang quote character na ginamit mo. Ang pag-escape sa lahat ng lima (& < > " ') ang ligtas na default.

Ano ang &nbsp;?

Isang non-breaking space (U+00A0). Mukha itong space pero pinipigilan nito ang line break at hindi ito pinagsasama sa mga katabing space.

Para sa backward compatibility, nagde-decode ang mga browser ng ilang legacy entity, gaya ng &copy, &amp at &lt, kahit walang semicolon sa dulo. Ganito rin ang patakaran ng decoder na ito. Laging isulat ang semicolon sa sarili mong HTML.

&apos; ba o &#39; ang apostrophe?

Valid ang ' sa HTML5 at XML pero hindi sa HTML 4, kaya ang numeric na ' o ' ang pinaka-compatible na pagpipilian at siyang inilalabas ng encoder na ito.

Mga kaugnay na tool

URL Encode / Decode I-percent-encode/decode ang text at i-parse ang URL query string. Base64 Encode / Decode I-encode/i-decode ang Base64 at base64url, text man o file. HTML Minifier Alisin ang comment at whitespace, at i-minify ang inline CSS/JS. Regex Tester Live na pag-test ng JavaScript regex na may group at replace.