HTML escape-tool + doorzoekbare lijst met HTML entities | We.Inc
Escape en unescape HTML in uw browser en doorzoek daarna 100 gangbare HTML entities en symbolen. Kopieer met één klik de benoemde entity, de numerieke code, de CSS content-waarde of de JS-escape.
HTML escapen betekent dat u de tekens die een browser als markup leest, vervangt door entities: & wordt &, < wordt < en > wordt >. Binnen attribuutwaarden moeten ook aanhalingstekens ge-escaped worden. Plak hieronder tekst om die te escapen of te unescapen, of doorzoek de symbolentabel en kopieer een entity als naam, nummer of CSS-waarde.
De vijf tekens die ertoe doen
Teken
Entity
Wanneer het ge-escaped moet worden
&
Altijd in tekst, als het een verwijzing zou kunnen beginnen
<
Altijd in tekstinhoud
>
Overal goede gewoonte; in een paar contexten verplicht
"
Binnen attribuutwaarden tussen dubbele aanhalingstekens
' or '
Binnen attribuutwaarden tussen enkele aanhalingstekens
Een converter in twee richtingen voor hele tekstblokken, plus een doorzoekbare lijst met de symbolen die mensen echt nodig hebben: aanhalingstekens, streepjes, spaties, valuta, wiskunde, pijlen, Griekse letters en emoji. Elke rij kopieert op vier manieren.
Plak tekst of markup in het vak en kies Escapen of Unescapen. Het resultaat wordt bijgewerkt terwijl u typt.
Vink Attribuutmodus aan als de tekst in een attribuutwaarde komt, zodat ook aanhalingstekens ge-escaped worden.
Vink Niet-ASCII coderen aan als het bestand wordt opgeslagen of verstuurd in een andere codering dan UTF-8; elke letter met accent en elk symbool wordt dan een numerieke verwijzing.
Doorzoek de tabel op naam, symbool of groep, en klik dan op Naam, Nummer, CSS of JS om die vorm te kopiëren.
Escape op het moment dat u tekst in HTML zet, niet wanneer u die opslaat. Vooraf ge-escapete tekst opslaan leidt later tot dubbel escapen zoals &amp;.
Frameworks zoals React escapen tekstinhoud voor u. U hoeft alleen handmatig te escapen als u zelf HTML-strings opbouwt.
Een harde spatie ( ) houdt twee woorden op dezelfde regel, bijvoorbeeld een getal en de eenheid. Gebruik er geen reeksen van voor de layout; gebruik in plaats daarvan CSS-marges.
In CSS neemt de content-property een backslash en de hexcode, dus een pijl naar rechts is content: "\2192". Zet een spatie na de code als het volgende teken een hexcijfer is.
Veelgestelde vragen
Wat is het verschil tussen een benoemde en een numerieke entity?
Heb ik nog entities nodig als mijn pagina UTF-8 is?
Alleen voor de tekens die een betekenis hebben in markup: &, < en, binnen attributen, het aanhalingsteken dat u gebruikte. Met een UTF-8-pagina kunt u symbolen zoals €, é of → direct typen. Entities daarvoor zijn optioneel en helpen vooral als een editor of e-mailsysteem niet-ASCII-tekst verminkt.
Is ' geldige HTML?
Ja, in HTML5. Het ontbrak in HTML 4, en daarom gebruikt oudere code '. Beide werken in elke actuele browser, en de escape-optie op deze pagina geeft ' voor de breedste compatibiliteit.
Is HTML escapen genoeg om XSS te voorkomen?
Het voorkomt dat geïnjecteerde tekst markup wordt in normale elementinhoud en in attributen tussen aanhalingstekens. Het maakt een waarde niet veilig binnen een scriptblok, een inline event handler, een style-attribuut of een URL zoals href, die elk hun eigen codering of validatie nodig hebben. Gebruik de ingebouwde escaping van uw framework en vermijd waar mogelijk HTML opbouwen uit strings.
Wordt mijn tekst ergens naartoe gestuurd?
Nee. Escapen en unescapen gebeuren in uw browser, en niets van wat u plakt verlaat de pagina.
Waarom browsers überhaupt entities nodig hebben
Een HTML-parser leest < als het begin van een tag en & als het begin van een tekenverwijzing. Als een productnaam of codevoorbeeld die tekens bevat, kan de browser een deel van de tekst verbergen, het samenvoegen met de volgende tag of, in het ergste geval, geïnjecteerde markup uitvoeren. Door ze te escapen vertelt u de parser het teken te tonen in plaats van ernaar te handelen.
De vuistregel: escape &, < en > in tekst, en escape ook het aanhalingsteken binnen attribuutwaarden. Al het andere is een kwestie van gemak of codering.
Entities in CSS en JavaScript
HTML entities werken alleen in HTML. In een stylesheet schrijft u een teken als een backslash gevolgd door de hexcode, en daarom geeft de tabel een CSS-kolom voor iconen in pseudo-elementen en eigen opsommingstekens. In JavaScript-strings is het equivalent \u gevolgd door vier hexcijfers, of \u{...} voor tekens voorbij U+FFFF zoals emoji.
Als u tekst instelt met textContent in JavaScript, escape die dan nooit eerst: de browser behandelt het al als platte tekst, en escapen zou de entity letterlijk tonen.