Skip to main content

HTML에서 특수 문자를 사용하는 방법

h17. HTML 특수문자 입력 (4 월 2025)

h17. HTML 특수문자 입력 (4 월 2025)
Anonim

사용자가 온라인으로 방문하는 웹 페이지는 웹 브라우저에 페이지 내용을 알려주고이를 시각적으로 렌더링하는 HTML 코드를 사용하여 작성됩니다. 이 코드에는 웹 페이지 뷰어에서 볼 수없는 요소로 알려진 교육용 빌딩 블록이 포함되어 있습니다. 이 코드에는 일반 텍스트 문자 (예 : 헤드 라인 및 단락)가 포함되어 있습니다.

HTML에서 특수 문자의 역할

HTML을 사용하고 볼 수 있도록 고안된 텍스트를 입력 할 때 대개 특별한 코드가 필요하지 않습니다. 컴퓨터 키보드 만 사용하여 적절한 문자 나 문자를 추가하십시오. HTML이 코드 자체의 일부로 사용하는 읽을 수있는 텍스트에 문자를 입력하려는 경우 문제가 발생합니다. 이 문자에는 모든 HTML 태그를 시작하고 끝내기 위해 코드에서 사용되는 <및> 문자가 포함됩니다. 키보드에 직접 아날로그가없는 문자 (예 : © 및 Ñ)를 텍스트에 포함시킬 수도 있습니다. 키보드에 키가없는 문자의 경우 코드를 입력하십시오.

특수 문자는 HTML 코드에서 사용되는 문자를 표시하거나 사용자가 보는 텍스트에서 키보드에없는 문자를 포함하도록 설계된 특정 HTML 코드 조각입니다. HTML은 이러한 특수 문자를 숫자 또는 문자 인코딩으로 렌더링하여 HTML 문서에 포함하고 브라우저에서 읽고 사이트 방문자가 볼 수 있도록 적절히 표시 할 수 있도록합니다.

특수 HTML 문자

세 가지 문자가 HTML 코드 구문의 핵심입니다. 먼저 적절한 인코딩을 위해 인코딩하지 않고 웹 페이지의 읽을 수있는 부분에 사용해서는 안됩니다. 이들은 더 큼,보다 작음 및 앰퍼샌드 기호입니다. 다른 말로하면, 이하 기호를 절대로 사용해서는 안됩니다. < 귀하의 HTML 코드에서 HTML 태그의 시작 부분이 아니면. 캐릭터가 브라우저를 혼란스럽게하고 예상대로 페이지가 렌더링되지 않을 수 있습니다. 추가하지 말아야 할 세 가지 문자는 다음과 같습니다.

  • 덜 서명 <
  • 보다 큼 기호 >
  • 앰퍼샌드 &

이러한 문자를 인코딩 할 때 코드 유형의 요소로 사용하지 않는 한 이러한 문자를 HTML 코드에 직접 입력하면 읽을 수있는 텍스트에 올바르게 표시됩니다.

  • 덜 사인 -<
  • 보다 큼 기호 ->
  • 앰퍼샌드 &

각 특수 문자는 앰퍼샌드로 시작합니다. 앰퍼샌드의 특수 문자조차도이 문자로 시작합니다. 특수 문자는 세미콜론으로 끝납니다. 이 두 문자 사이에 추가 할 특수 문자에 적절한 것을 추가하십시오.lt (에 대한 미만 )는 HTML의 앰퍼샌드와 세미콜론 사이에 나타날 때보다 작음 기호를 만듭니다. 비슷하게, gt 보다 큼 기호를 생성하고 앰프 앰퍼샌드와 세미콜론 사이에 앰퍼샌드를 배치합니다.

입력 할 수없는 특수 문자

Latin-1 표준 문자 세트로 렌더링 할 수있는 모든 문자는 HTML로 렌더링 될 수 있습니다. 키보드에 나타나지 않는 경우 앰퍼샌드 기호 앞에 문자에 할당 된 고유 코드와 세미콜론을 사용합니다.

예를 들어 저작권 기호의 '친숙한 코드'는© &무역; 상표 기호의 코드입니다.

이 친숙한 코드는 쉽게 입력하고 기억하기 쉽지만 기억하기 쉬운 친숙한 코드가없는 문자가 많이 있습니다.

화면에 입력 할 수있는 모든 문자에는 해당하는 10 진수 코드가 있습니다. 이 숫자 코드를 사용하여 문자를 표시 할 수 있습니다. 예를 들어 저작권 기호에 대한 10 진수 코드는©- 논증 숫자 코드가 작동하는 방식. 그들은 여전히 ​​앰퍼샌드로 시작하여 세미콜론으로 끝나지 만, 친숙한 텍스트 대신에 해당 문자에 대한 고유 번호 코드 뒤에 숫자 기호를 사용합니다.

친숙한 코드는 기억하기 쉽지만 숫자 코드는 더 신뢰할 수 있습니다. 데이터베이스 및 XML로 작성된 사이트는 정의 된 모든 친숙한 코드가 아닐 수도 있지만 숫자 코드를 지원합니다.

문자에 대한 숫자 코드를 찾는 가장 좋은 방법은 온라인에서 찾을 수있는 문자 집합입니다. 필요한 기호를 찾으면 숫자 코드를 복사하여 HTML에 붙여 넣기 만하면됩니다.

일부 문자 세트에는 다음이 포함됩니다.

  • 통화 코드
  • 수학 코드
  • 구두점 부호
  • 발음 코드
  • 발음 구별 부호

비영어권 문자

특수 문자는 영어에만 국한되지 않습니다. 영어 이외의 언어로 된 특수 문자는 다음과 같은 HTML 형식으로 표현 될 수 있습니다.

  • 스페인 사람
  • 프랑스 국민
  • 그리스 사람
  • 루마니아 사람

그렇다면 16 진수 코드 란 무엇입니까?

16 진수 코드는 HTML 코드에 특수 문자를 표시하기위한 대체 형식입니다. 웹 페이지에 원하는 방법을 사용할 수 있습니다. 문자 집합을 온라인으로 검색하고 친숙한 코드 나 숫자 코드를 사용하는 것과 같은 방식으로 사용합니다.

문서 헤드에 유니 코드 선언 추가

다음 메타 태그를 귀하의 특수 문자가 올바르게 표시되도록 웹 페이지의

content = "text / html; charset = utf-8"/>

어떤 방법을 사용하든 관계없이 몇 가지 모범 사례를 염두에 두십시오.

  • 엔티티는 항상 세미콜론으로 끝내십시오. 일부 HTML 편집기는 최종 세미콜론없이 HTML 코드를 게시 할 수 있지만 페이지가 유효하지 않으며 많은 웹 브라우저가 엔티티없이 제대로 엔티티를 표시하지 않습니다.
  • 항상 앰퍼샌드로 시작하십시오. 많은 웹 편집자가 "앰프"를 빠져 나갈 수 있습니다. 하지만 앰퍼샌드 만 XHTML에 표시하면 유효성 검사 오류가 발생합니다.
  • 최대한 많은 브라우저에서 페이지를 테스트하십시오. 문자를 문서를 이해하는 데 중요하고 고객이 사용하는 브라우저 / OS 조합에서 문자를 테스트 할 수없는 경우이를 표현하는 다른 방법을 찾아야합니다. 그러나 이미지 나 다른 것을 사용하기 전에 여러 브라우저에서 코드의 유효성을 검사 할 수있는 브라우저 테스트 도구 중 하나를 사용해보십시오.