[인터넷프로그래밍]특수문자를 이용한 페이지를 작성하시오(4주차 1차시 참조)

소개

"[인터넷프로그래밍]특수문자를 이용한 페이지를 작성하시오(4주차 1차시 참조)"에 대한 내용입니다.

목차

1. HTML 엔티티 코드 정의 및 필요성
2. HTML 엔티티 코드 종류
3. HTML 엔티티 코드 사용 예시
4. HTML 페이지 출력 결과 및 소스코드
5. 기타 웹 브라우저 별 출력 화면
6. 결론
7. 참고자료 및 사이트

본문내용

엔티티 코드란 Html 문서에서 특수 문자를 입력하기 위한 코드로, HTML이나 XHTML 문서를 코딩할 때 특수 문자(참조 문자)를 써야 하는 경우 엔티티 코드 또는 엔티티 넘버로 변환해서 사용해야 한다. 변환하지 않고 특수 문자를 그대로 입력하면 컴퓨터가 문서를 읽을 때 실제 페이지에 출력될 문서 내용(contents)과 코드를 구분하기 못하는 문제가 발생하기 때문이다.
HTML 문서에 꺽쇠 괄호 ' < '가 포함돼 있다면, 컴퓨터는 이 문서를 읽어 들일 때 꺽쇠 괄호를 HTML 태그의 시작 기호로 받아들일 수 있다. 또 큰따옴표 ' " '는 HTML 태그의 속성 값으로 인식될 수 있고, ' & '은 엔티티 기호의 시작으로 인식될 수 있다. 때문에 이러한 혼동을 막으려면 특수 문자 대신 각 문자의 엔티티 코드를 써야 한다. 가장 흔한 실수는 URL 주소에 포함된 ' & ' 기호를 그대로 쓰는 경우이다.
요즘은 인코딩 방식을 UTF-8을 주로 이용하기 때문에 특수문자가 깨지지 않지만 W3C는 엔티티 코드가 아닌 특수 문자는 오류로 인식하기 때문에 특수 문자는 엔티티 코드로 작성하는 것이 좋다.

참고자료

· 윤인성, 『모던 웹을 위한 JavaScript + jQuery 입문』, 한빛미디어(2013)
· 윤인성, 『모던 웹을 위한 HTML5+CSS3 바이블』, 한빛미디어(2019)
· 김춘경, 『자바스크립트+jQuery 완전정복 스터디. 1:기초편』, 위키북스(2015)
· 스케하루 카노우, 『HTML CSS 디자인 레시피 곧바로 사용할 수 있는 테크닉 300』, 교학사(2018)
· 다카츠도 다케시 , 오바라 츠카시, 『Web Designer & 초보자를 위한 jQuery 프로그래밍 입문』, 교학사(2017)
· 황재호, 『Hello Coding HTML5+CSS3』, 한빛미디어(2018)
· 황재호, 『HTML & CSS for Beginner 예제 중심의 웹 프로그래밍 입문서』, 한빛아카데미(2016)
· 신미영, 『실력이 탐나는 HTML5+CSS3』, 정보문화사(2012)
· EntityCode, https://entitycode.com/, (2020/11/17) - 자주 사용하는 특수문자의 엔티티 코드를 확인할 수 있는 사이트
· compart, https://www.compart.com/en/unicode/, (2020/11/17) - 이모지 포함 다양한 특수문자의 엔티티 코드를 확인할 수 있는 사이트