Voorafgaand aan de introductie van HTML5, was het instellen van de karaktercodering op een document met een element vereist om de enigszins uitgebreide regel hieronder te schrijven. Dit zijn de Meta Charset-elementen als u HTML4 op uw webpagina zou gebruiken:
Wat belangrijk is om op te merken in dit codeare de aanhalingstekens u rond de ziet inhoud attribuut: content = ' text / html; charset = iso-8859-1 ' . Net als alle HTML-kenmerken definiëren deze aanhalingstekens de waarde van het attribuut, wat aangeeft dat de hele reeks text / html; charset = iso-8959-1 is de inhoud van dit element. Dit is de juiste HTML en het is de bedoeling dat deze string werd geschreven. Het is ook onpraktisch lang en lelijk! Het is ook niet iets dat je je waarschijnlijk nog zou herinneren van de top van je hoofd! In de meeste gevallen moesten webontwikkelaars deze code kopiëren en plakken van de ene naar de nieuwe site die ze aan het ontwikkelen waren, omdat het schrijven van voren af aan veel gevraagd was.
HTML5 snijdt het extra "spul" uit
HTML5 heeft niet alleen een aantal nieuwe elementen toegevoegd aan de taal, maar het vereenvoudigde ook veel van de syntaxis van HTML, inclusief het Meta Charset-element. Met HTML5 kunt u uw tekencodering toevoegen met de veel gemakkelijker te onthouden syntaxis voor deMETA element dat u hieronder ziet:
Vergelijk die vereenvoudigde syntaxis met wat we aan het begin van dit artikel hebben geschreven, de oude syntaxis die voor HTML4 wordt gebruikt, en je zult zien hoe veel gemakkelijker het is om te schrijven en de HTML5-versie te onthouden. In plaats van dit te moeten kopiëren en plakken van een bestaande site naar een nieuwe waar je aan werkte, is dit absoluut iets dat je je als front-end webontwikkelaar kunt herinneren. Door deze tijdswinst zijn er niet veel, maar wanneer je de andere syntaxisgebieden beschouwt die HTML5 vereenvoudigde, tellen de besparingen op!
Neem altijd de tekencodering op
U moet altijd tekencodering voor uw webpagina's opnemen, zelfs als u niet van plan bent speciale tekens te gebruiken. Als u geen tekencodering invoert, is uw site kwetsbaar voor een cross-site scriptingaanval met UTF-7.
In dit scenario ziet anattacker dat op uw site geen tekencodering is gedefinieerd, dus wordt de browser ertoe gebracht om te denken dat de tekencodering van de pagina eigenlijk UTF-7 is. Vervolgens injecteert de aanvaller gecodeerde UTF-7-scripts in de webpagina en wordt uw site gehackt. Dit is duidelijk een probleem voor alle betrokkenen, van uw bedrijf tot uw bezoekers. Het goede nieuws is dat het een eenvoudig probleem is om te vermijden - zorg ervoor dat u tekencodering toevoegt aan al uw webpagina's.
Waar tekencodering toevoegen
De tekencodering voor een webpagina moet de eerste regel van uw HTML's zijn
element.Dit zorgt ervoor dat de browser weet wat de tekencodering is voordat deze iets anders op de pagina doet dan om het doctype te bepalen en te identificeren dat het een HTML-pagina is. Uw HTML zou moeten lezen:…
HTTP-headers gebruiken voor extra beveiliging
U kunt ook de tekencodering opgeven in de HTTP-headers. Dit is nog veiliger dan het toevoegen aan de HTML-pagina, maar u zou toegang moeten hebben tot de serverconfiguraties of .htaccess-bestanden, wat betekent dat u mogelijk met de hostingprovider van uw website moet werken om dit soort toegang te krijgen of ze laten maken de veranderingen voor jou. Toegang is hier echt de uitdaging. De verandering zelf is eenvoudig, dus elke hostingprovider moet deze wijziging relatief gemakkelijk kunnen maken.
Als uApache gebruikt, kunt u de standaardtekenset voor uw hele site instellen door het volgende toe te voegen: AddDefaultCharset UTF-8 naar je root .htaccess het dossier. De standaard tekenset van Apache is ISO-8859-1.
