Meta karakterkészlet-címkék használata a karakterkódoláshoz a HTML5-ben

click fraud protection

Bevezetése előtt HTML5, egy dokumentum karakterkódolásának elemével történő beállításához meg kellett írnia az alább látható kissé bőbeszédű sort. Ez a Meta Charset elem, ha HTML4-et használt a weboldalán:


Fontos megjegyezni ebben a kódban az idézőjeleket, amelyeket a jel körül lát tartalom tulajdonság: tartalom ="szöveg / html; karakterkészlet = izo-8859-1". Mint minden HTML-attribútum, ezek az idézőjelek is meghatározzák az attribútum értékét, jelezve, hogy a teljes karakterlánc szöveg / html; karakterkészlet = izo-8959-1 az a tartalom ennek az elemnek. Ez a megfelelő HTML, és ezt a karakterláncot akarták írni. Ez is nehézkes, hosszú és csúnya! Arra sem, hogy valószínűleg a fejed tetejére emlékeznél!

A legtöbb esetben a webfejlesztőknek át kell másolniuk és be kell illeszteniük ezt a kódot egy webhelyről bármelyik újba, amelyet fejlesztenek, mert a nulláról való írás sok kérdést igényel.

A HTML5 kivágja az extra "cuccokat"

A HTML5 nemcsak néhány új elemet adott hozzá a nyelvhez, hanem nagyban leegyszerűsítette a HTML szintaxisának nagy részét, beleértve a Meta Charset elemet is. A HTML5 segítségével hozzáadhatja a karakterkódolását a sokkal könnyebben megjegyezhető szintaxissal 

instagram viewer
META az alábbi elem:


Hasonlítsa össze ezt az egyszerűsített szintaxist a cikk elején leírtakkal, a HTML4-hez használt régi szintaxissal, és meglátja, mennyivel könnyebb írni és emlékezni a HTML5-verzióra. Ahelyett, hogy ezt egy meglévő webhelyről át kellene másolnia és beillesztenie bármelyik újba, amin dolgozott, abszolút olyasmi, amire Ön front-end webfejlesztőként emlékezhet. Ez az időmegtakarítás nem biztos, hogy sok, de ha figyelembe vesszük a HTML5 által leegyszerűsített többi szintaxis területet, akkor a megtakarítás összeadódik!

Mindig mellékelje a karakterkódolást

Mindig szerepeljen karakterkódolása a weboldalain, még akkor is, ha soha nem kíván ilyeneket használni speciális karakterek. Ha nem tartalmaz karakterkódolást, akkor webhelye kiszolgáltatottá válik az UTF-7 használatával a webhelyek közötti parancsfájlok támadásának.

Ebben a forgatókönyvben a támadó úgy látja, hogy az Ön webhelyén nincs meghatározva karakterkódolás, ezért arra készteti a böngészőt, hogy azt gondolja, hogy az oldal karakterkódolása UTF-7. Ezután a támadó UTF-7 kódolású szkripteket injektál a weboldalra, és az Ön webhelyét feltörik. Ez minden érintett számára problémás, a vállalattól kezdve a látogatókig. A jó hír az, hogy elkerülni egyszerű problémát jelent - feltétlenül adjon hozzá karakterkódolást az összes weboldalához.

A karakterkódolás helye

A weboldal karakterkódolásának a HTML-kód első sorának kell lennie

elem. Ez biztosítja, hogy a böngésző tudja, mi a karakterkódolás, mielőtt bármi mást tenne az oldalon, kivéve a doctype meghatározását és annak azonosítását, hogy ez egy HTML oldal. A HTML-nek a következőnek kell lennie:




...

A HTTP fejlécek használata az extra biztonság érdekében

A karakterkódolást megadhatja a HTTP fejlécekben is. Ez még biztonságosabb, mint hozzáadni a HTML oldalhoz, de hozzáférést kell kapnia a szerver konfigurációihoz vagy a .htaccess fájlhoz fájlokat, ami azt jelenti, hogy együtt kell működnie a webhelye tárhelyszolgáltatójával az ilyen típusú hozzáférés megszerzéséhez vagy a módosítások elvégzéséhez Ön. A hozzáférés itt a kihívás. Maga a változás egyszerű, ezért minden tárhelyszolgáltatónak képesnek kell lennie arra, hogy viszonylag könnyedén elvégezze ezt a változtatást az Ön számára.

Ha használja Apache, beállíthatja az egész webhely alapértelmezett karakterkészletét a következők hozzáadásával: AddDefaultCharset UTF-8 gyökeréhez .htaccess fájl. Az Apache alapértelmezett karakterkészlete ISO-8859-1.

instagram story viewer