HTML5의 메타 문자 집합 태그

HTML5에서 문자 인코딩 설정하기

HTML5가 도입되기 전에 문서에 문자 인코딩을 필요한 요소로 설정하여 아래 보이는 다소 자세한 내용을 작성하십시오. 웹 페이지에서 HTML4를 사용했다면 이것은 Meta Charset 요소입니다 :

이 코드에서 주목해야 할 중요한 것은 content 속성 주위에 표시되는 인용 부호 ( content = " text / html; charset = iso-8859-1 ") 입니다. 모든 HTML 속성과 마찬가지로 이러한 인용 부호는 속성 값을 정의하여 전체 문자열 text / html; charset = iso-8959-1 은이 요소의 내용 입니다. 이것은 적절한 HTML 이며이 문자열을 쓰는 방법입니다. 길고 못생긴 또한 다루기 힘들다! 그것은 또한 당신이 머리 꼭대기에서 기억할만한 것이 아닙니다! 대부분의 경우 웹 개발자는이 코드를 한 사이트에서 다른 사이트로 복사하여 붙여 넣어야합니다. 처음부터이 코드를 작성하면 많은 것을 요구하기 때문입니다.

HTML5는 Extra & # 34; Stuff & # 34;

HTML5는 언어에 많은 새로운 요소추가 했을뿐만 아니라 Meta Charset 요소를 포함하여 HTML 구문을 훨씬 단순화했습니다 .HTML5를 사용하면 META 요소의 구문을 훨씬 쉽게 기억할 수있는 문자 인코딩을 추가 할 수 있습니다. 너는 아래를 본다 :

단순한 구문을 HTML4에 사용 된 이전 구문 인이 기사의 처음 부분과 비교하면 HTML5 버전을 실제로 작성하고 기억하는 것이 얼마나 쉬운 지 알 수 있습니다. 기존 사이트에서이 사이트를 복사하여 기존의 새로운 사이트로 붙여 넣는 대신, 이는 프론트 엔드 웹 개발자로서 기억할 수있는 절대적인 것입니다. 이렇게 많은 시간을 절약 할 수는 있지만 HTML5가 단순화 된 다른 구문 영역을 고려하면 절약 효과가 누적됩니다!

항상 문자 인코딩 포함

특수 문자 를 사용하지 않으려는 경우에도 항상 웹 페이지의 문자 인코딩을 포함해야 합니다 . 문자 인코딩을 포함하지 않으면 사이트가 UTF-7을 사용하는 교차 사이트 스크립팅 공격에 취약 해집니다.

이 시나리오에서 anattacker는 사이트에 문자 인코딩이 정의되어 있지 않은 것으로 판단하여 브라우저가 실제로 문자 인코딩을 UTF-7로 생각하도록합니다. 그런 다음 공격자가 UTF-7로 인코딩 된 스크립트를 웹 페이지에 삽입하면 사이트가 해킹 당합니다. 이는 회사에서 방문자에게 관련된 모든 사람에게 분명히 문제가됩니다. 좋은 소식은 간단한 피할 수있는 문제입니다. 모든 웹 페이지에 문자 인코딩을 추가해야합니다.

문자 인코딩 추가 위치

웹 페이지의 문자 인코딩은 HTML의 요소의 첫 번째 줄이어야합니다. 그러면 브라우저에서 doctype을 확인하고 페이지 유형을 식별하는 것 이외의 다른 작업을 수행하기 전에 문자 인코딩이 무엇인지 알 수 있습니다 HTML 페이지. 귀하의 HTML을 읽어야합니다 :

...

추가 보안을 위해 HTTP 헤더 사용

HTTP 헤더에서 문자 인코딩을 지정할 수도 있습니다. 이것은 HTML 페이지에 추가하는 것보다 훨씬 안전하지만 서버 구성이나 .htaccess 파일에 액세스해야 할 필요가 있습니다. 즉, 웹 사이트의 호스팅 제공 업체 와 협력하여 이러한 종류의 액세스를 얻거나 만들 수 있어야합니다. 당신을위한 변화. 접근은 실제로 여기서 도전입니다. 변경 자체는 간단하므로 모든 호스팅 제공 업체가 상대적으로 쉽게이 변경 작업을 수행 할 수 있어야합니다.

아파치를 사용하는 경우 Add : AddDefaultCharset UTF-8 을 루트 .htaccess 파일에 추가하여 전체 사이트의 기본 문자 집합을 설정할 수 있습니다. Apache의 기본 문자 집합은 ISO-8859-1 입니다.