네이게이션 건너뛰기
codingEverybody
  • HTML
  • CSS
  • JavaScript
  • PHP
  • HTML 소개
  • HTML 태그
  • HTML 속성
  • 유용한 활용 팁
HTML
  • HTML 소개
  • <!DOCTYPE html>
    선언의 올바른 의미
  • HTML 주석
    올바른 이해와 사용 방법
HTML 태그
  • HTML 태그 소개
  • <a>
  • <abbr>
  • <address>
  • <article>
  • <aside>
  • <audio>
  • <b>
  • <base>
  • <bdi>
  • <bdo>
  • <blockquote>
  • <body>
  • <br>
  • <button>
  • <canvas>
  • <cite>
  • <code>
  • <datalist>
  • <del>
  • <details>
  • <summary>
  • <dfn>
  • <dialog>
  • <div>
  • <dl>
  • <dt>
  • <dd>
  • <em>
  • <fieldset>
  • <legend>
  • <figure>
  • <figcaption>
  • <footer>
  • <form>
  • <h1>~<h6>
  • <head>
  • <header>
  • <hr>
  • <html>
  • <i>
  • <iframe>
  • <img>
  • <input>
  • <ins>
  • <kbd>
  • <label>
  • <li>
  • <link>
  • <main>
  • <map>
  • <area>
  • <mark>
  • <menu>
  • <meta>
  • <meter>
  • <nav>
  • <noscript>
  • <ol>
  • <optgroup>
  • <option>
  • <output>
  • <p>
  • <picture>, <source>
  • <pre>
  • <progress>
  • <q> Tag
  • <ruby>, <rt>
  • <s>
  • <samp>
  • <script>
  • <section>
  • <select>
  • <small>
  • <span>
  • <strong>
  • <style>
  • <sub>
  • <sup>
  • <table>
  • <caption>
  • <tr>
  • <td>
  • <th>
  • <thead>
  • <tbody>
  • <tfoot>
  • <col>
  • <colgroup>
  • <template>
  • <textarea>
  • <time>
  • <title>
  • <u>
  • <ul>
  • <var>
  • <video>
  • <wbr>
HTML 속성
  • HTML 속성 소개
  • button 태그의 type
    버튼의 컨트롤 유형을 지정
  • <button type="button">
  • <button type="reset">
  • <button type="submit">
  • cite
    인용문이나 변경 내용의 출처를 가리키는 URL
  • class
    하나 이상의 클래스 이름을 지정
  • contenteditable
    에디터 개발을 위해 알아야 할 필수 속성
  • crossorigin
    외부 출처 리소스와의 상호작용 허용 방식을 지정
  • data-*
    표준 사용자 지정 데이터 속성
  • datetime
    해당 요소와 관련된 시간이나 날짜 정보
  • dir
    언어의 특성에 맞게 읽고 쓰는 텍스트의 방향을 지정
  • disabled
    컨트롤 요소를 비활성화하는 속성
  • enterkeyhint
    가상 키보드의 Enter 버튼 모양 설정
  • hidden
    숨겨진 요소임을 나타내는 속성
  • href
    링크된 리소스의 URL을 지정
  • id
    웹 페이지 내에서 유일한 고유식별자 설정
  • img 태그의 alt
    이미지의 대체 텍스트를 지정
  • img 태그의 srcset, sizes
    <img>로 반응형 이미지 구현하기
  • input 태그의 type
    다양한 입력 컨트롤 유형을 지정
  • <input type="button">
  • <input type="checkbox">
  • <input type="color">
  • <input type="date">
  • <input type="datetime-local">
  • <input type="email">
  • <input type="file">
  • <input type="hidden">
  • <input type="image">
  • <input type="number">
  • <input type="password">
  • <input type="radio">
  • <input type="range">
  • <input type="reset">
  • <input type="search">
  • <input type="submit">
  • <input type="tel">
  • <input type="text">
  • <input type="time">
  • <input type="url">
  • inputmode
    가상 키보드의 입력 모드 설정
  • lang
    기본 언어를 지정
  • placeholder
    텍스트 박스에 플레이스홀더 텍스트 지정하기
  • rel
    링크된 리소스와 현재 문서 사이의 관계를 지정
  • <link rel="prefetch">
    다음에 사용될 리소스를 미리 로딩하여 캐시로 저장
  • <link rel="dns-prefetch">
    링크된 외부 도메인의 DNS 조회를 미리 수행
  • <link rel="preconnect">
    링크된 외부 도메인을 미리 연결
  • <link rel="preload">
    리소스를 우선순위로 즉시 다운로드하기
  • role
    웹 콘텐츠 접근성을 개선하는 강력한 도구
  • style
    요소에 직접 CSS 스타일하기
  • tabindex
    요소의 키보드 tab 포커스 탐색 제어하기
  • th 태그의 scope
    향상된 테이블 헤더 구조의 접근성 제공
  • title
    요소에 대한 지침 또는 설명 등의 참고 정보
HTML 유용한 활용 팁
  • HTML 유용한 활용 팁 소개
  • 오픈 그래프 프로토콜
    웹 페이지의 소셜 미디어 공유 미리보기 설정
  • 특수문자 사용법과 의의
    예약된 문자와의 충돌을 피하며 웹 콘텐츠 작성하기
  • HTML 특수 문자 코드표
    특수기호, 엔티티, 문자 인코딩 코드 정리
  • 웹 페이지에서 이모지(이모티콘) 사용하기
    웹 페이지에 이모지 삽입하는 방법
  • <video> 태그 자동 재생 완벽 가이드
    자동 재생 안 됨 해결

HTML 특수 문자 코드표 – 특수기호, 엔티티, 문자 인코딩 코드 정리

HTML 유용한 활용 팁 홈 이전 다음

정리된 HTML 특수 문자 코드표

자주 사용하는 특수기호, 엔티티(Entity) 이름, 숫자 인코딩 코드(Unicode, HTML 코드)까지 한눈에 파악할 수 있도록 총망라한 자료입니다.

특수 문자의 사용법과 원리에 대한 자세한 내용은 HTML 특수 문자 사용법과 의의 – 예약된 문자와의 충돌을 피하며 웹 콘텐츠 작성하기를 참고하세요.

예약 문자

예약된 문자와의 충돌을 피하며 웹 콘텐츠 작성하려면 반드시 사용해야 할 HTML 특수 문자

예약된 문자에 대한 HTML 특수 문자 코드표
표시될 문자 문자 코드 숫자 코드 설명
< &lt; &#60; 보다 작음
> &gt; &#62; 보다 큼
& &amp; &#38; 앰퍼샌드
" &quot; &#34; 큰따옴표
' &apos; &#39; 작은따옴표

공백 문자

HTML 특수 문자 중에서는 일반적으로는 '띄어쓰기'라고 부르는 키보드의 스페이스(Space) 바를 누르면 입력되는 공백를 나타내는 것이 있습니다. 공백 문자란 이렇게 빈 칸으로 표시되는 문자를 의미합니다.

공백 문자에 대한 HTML 특수 문자 코드표
표시될 문자 문자 코드 숫자 코드 설명
  &nbsp; &#160; Non-breaking space (줄바꿈되지 않는 공백)
  &emsp; &#8195; em 공백 (넓은 간격)

특수 괄호

특수 괄호에 대한 HTML 특수 문자 코드표
표시될 문자 문자 코드 숫자 코드 설명
« &laquo; &#171; 왼쪽 이중 각괄호 (left-pointing double angle quotation mark)
» &raquo; &#187; 오른쪽 이중 각괄호 (right-pointing double angle quotation mark)
‹ &lsaquo; &#8249; 왼쪽 단일 각괄호 (left-pointing single angle quotation mark)
› &rsaquo; &#8250; 오른쪽 단일 각괄호 (right-pointing single angle quotation mark)
〈 &#9001; 수학용 왼쪽 꺾쇠 괄호 (left angle bracket)
〉 &#9002; 수학용 오른쪽 꺾쇠 괄호 (right angle bracket)
「 &#x300c; CJK 왼쪽 꺾쇠 괄호 (Chinese, Japanese, Korean left corner bracket)
」 &#x300d; CJK 오른쪽 꺾쇠 괄호 (Chinese, Japanese, Korean right corner bracket)
【 &#x3010; CJK 대괄호 (왼쪽)
】 &#x3011; CJK 대괄호 (오른쪽)
( &#65288; 일본어 전각 왼쪽 괄호 (full-width left parenthesis)
) &#65289; 일본어 전각 오른쪽 괄호 (full-width right parenthesis)

화살표

화살표에 대한 HTML 특수 문자 코드표
표시될 문자 문자 코드 숫자 코드 설명
← &larr; &#8592; 왼쪽 화살표 (left arrow)
→ &rarr; &#8594; 오른쪽 화살표 (right arrow)
↑ &uarr; &#8593; 위쪽 화살표 (up arrow)
↓ &darr; &#8595; 아래쪽 화살표 (down arrow)
↔ &harr; &#8596; 좌우 화살표 (left right arrow)
⇐ &lArr; &#8656; 굵은 왼쪽 이중 화살표 (leftwards double arrow)
⇒ &rArr; &#8658; 굵은 오른쪽 이중 화살표 (rightwards double arrow)
⇑ &uArr; &#8657; 굵은 위쪽 이중 화살표 (upwards double arrow)
⇓ &dArr; &#8659; 굵은 아래쪽 이중 화살표 (downwards double arrow)
⇔ &hArr; &#8660; 굵은 좌우 이중 화살표 (left right double arrow)

수학 기호

수학 기호에 대한 HTML 특수 문자 코드표
표시될 문자 문자 코드 숫자 코드 설명
± &plusmn; &#177; 플러스 마이너스
× &times; &#215; 곱하기 기호
÷ &divide; &#247; 나누기 기호
∞ &infin; &#8734; 무한대
≈ &asymp; &#8776; 대략 같음
≠ &ne; &#8800; 같지 않음
≤ &le; &#8804; 작거나 같음
≥ &ge; &#8805; 크거나 같음
∑ &sum; &#8721; 시그마(합계)
° &deg; &#176; 도(각도) 기호

통화 단위

주요국 통화 단위에 대한 HTML 특수 문자 코드표
표시될 문자 문자 코드 숫자 코드 설명
$ &dollar; &#36; 미국 달러 (USD)
€ &euro; &#8364; 유로 (EUR)
¥ &yen; &#165; 일본 엔화 (JPY)
£ &pound; &#163; 영국 파운드 (GBP)
₩ &#8361; 대한민국 원화 (KRW)

그리스 문자

대표적인 그리스 문자에 대한 HTML 특수 문자 코드표
표시될 문자 문자 코드 숫자 코드 설명
α &alpha; &#945; 알파 (alpha)
β &beta; &#946; 베타 (beta)
γ &gamma; &#947; 감마 (gamma)
δ &delta; &#948; 델타 (delta)
ε &epsilon; &#949; 입실론 (epsilon)
λ &lambda; &#955; 람다 (lambda)
μ &mu; &#956; 뮤 (mu)
π &pi; &#960; 파이 (pi)
σ &sigma; &#963; 시그마 (sigma)
Ω &Omega; &#937; 오메가 (Omega, 대문자)

키보드에 없는 특수 문자나 심볼

키보드에 없는 특수 문자나 심볼 코드표
표시될 문자 문자 코드 숫자 코드 설명
© &copy; &#169; 저작권 (copyright)
® &reg; &#174; 등록 상표 (registered trademark)
™ &trade; &#8482; 상표 (trademark)
§ &sect; &#167; 절(section) 기호
¶ &para; &#182; 단락(paragraph) 기호
• &bull; &#8226; 불릿 기호 (bullet)
∘ &compfn; &#8226; 작은 하얀 원
○ &#9675; 큰 하얀 원
◎ &#9678; 동그라미 두 개
⬛ &#11035; 검은색 사각형
⬜ &#11036; 하얀색 사각형
† &dagger; &#8224; 단일 단검 기호 (dagger)
‡ &Dagger; &#8225; 이중 단검 기호 (double dagger)
¤ &curren; &#164; 일반 통화 기호 (currency symbol)
♦ &diams; &#9830; 다이아몬드 기호 (playing cards)
★ &#x2605; 별 기호
♥ &hearts; &#9829; 하트 기호
♠ &spades; &#9824; 스페이드 기호
– &ndash; &#8211; 엔 대시 (en dash, 약간 긴 대시)
— &mdash; &#8212; 엠 대시 (em dash, 많이 긴 대시)

분수 기호

분수 기호에 대한 HTML 특수 문자 코드표
표시될 문자 문자 코드 숫자 코드 설명
¼ &frac14; &#188; 1/4
½ &frac12; &#189; 1/2
¾ &frac34; &#190; 3/4

동그라미가 있는 숫자

동그라미가 있는 숫자에 대한 HTML 특수 문자 코드표
표시될 문자 문자 코드 숫자 코드 설명
① &#9312; ①
② &#9313; ②
③ &#9314; ③
④ &#9315; ④
⑤ &#9316; ⑤
⑥ &#9317; ⑥
⑦ &#9318; ⑦
⑧ &#9319; ⑧
⑨ &#9320; ⑨
⑩ &#9321; ⑩
⑪ &#9322; ⑪
⑫ &#9323; ⑫
⑬ &#9324; ⑬
⑭ &#9325; ⑭
⑮ &#9326; ⑮
⑯ &#9327; ⑯
⑰ &#9328; ⑰
⑱ &#9329; ⑱
⑲ &#9330; ⑲
⑳ &#9331; ⑳

동그라미가 있는 알파벳 대문자

동그라미가 있는 알파벳 대문자에 대한 HTML 특수 문자 코드표
표시될 문자 문자 코드 숫자 코드 설명
Ⓐ &#9398; Ⓐ
Ⓑ &#9399; Ⓑ
Ⓒ &#9400; Ⓒ
Ⓓ &#9401; Ⓓ
Ⓔ &#9402; Ⓔ
Ⓕ &#9403; Ⓕ
Ⓖ &#9404; Ⓖ
Ⓗ &#9405; Ⓗ
Ⓘ &#9406; Ⓘ
Ⓙ &#9407; Ⓙ
Ⓚ &#9408; Ⓚ
Ⓛ &#9409; Ⓛ
Ⓜ &#9410; Ⓜ
Ⓝ &#9411; Ⓝ
Ⓞ &#9412; Ⓞ
Ⓟ &#9413; Ⓟ
Ⓠ &#9414; Ⓠ
Ⓡ &#9415; Ⓡ
Ⓢ &#9416; Ⓢ
Ⓣ &#9417; Ⓣ
Ⓤ &#9418; Ⓤ
Ⓥ &#9419; Ⓥ
Ⓦ &#9420; Ⓦ
Ⓧ &#9421; Ⓧ
Ⓨ &#9422; Ⓨ
Ⓩ &#9423; Ⓩ

동그라미가 있는 알파벳 소문자

동그라미가 있는 알파벳 소문자에 대한 HTML 특수 문자 코드표
표시될 문자 문자 코드 숫자 코드 설명
ⓐ &#9424; ⓐ
ⓑ &#9425; ⓑ
ⓒ &#9426; ⓒ
ⓓ &#9427; ⓓ
ⓔ &#9428; ⓔ
ⓕ &#9429; ⓕ
ⓖ &#9430; ⓖ
ⓗ &#9431; ⓗ
ⓘ &#9432; ⓘ
ⓙ &#9433; ⓙ
ⓚ &#9434; ⓚ
ⓛ &#9435; ⓛ
ⓜ &#9436; ⓜ
ⓝ &#9437; ⓝ
ⓞ &#9438; ⓞ
ⓟ &#9439; ⓟ
ⓠ &#9440; ⓠ
ⓡ &#9441; ⓡ
ⓢ &#9442; ⓢ
ⓣ &#9443; ⓣ
ⓤ &#9444; ⓤ
ⓥ &#9445; ⓥ
ⓦ &#9446; ⓦ
ⓧ &#9447; ⓧ
ⓨ &#9448; ⓨ
ⓩ &#9449; ⓩ

동그라미가 있는 한글 자음

동그라미가 있는 한글 자음에 대한 HTML 특수 문자 코드표
표시될 문자 문자 코드 숫자 코드 설명
㉠ &#12896; ㉠
㉡ &#12897; ㉡
㉢ &#12898; ㉢
㉣ &#12899; ㉣
㉤ &#12900; ㉤
㉥ &#12901; ㉥
㉦ &#12902; ㉦
㉧ &#12903; ㉧
㉨ &#12904; ㉨
㉩ &#12905; ㉩
㉪ &#12906; ㉪
㉫ &#12907; ㉫
㉬ &#12908; ㉬
㉭ &#12909; ㉭

동그라미가 있는 한글 음절

동그라미가 있는 한글 음절에 대한 HTML 특수 문자 코드표
표시될 문자 문자 코드 숫자 코드 설명
㉮ &#12910; ㉮
㉯ &#12911; ㉯
㉰ &#12912; ㉰
㉱ &#12913; ㉱
㉲ &#12914; ㉲
㉳ &#12915; ㉳
㉴ &#12916; ㉴
㉵ &#12917; ㉵
㉶ &#12918; ㉶
㉷ &#12919; ㉷
㉸ &#12920; ㉸
㉹ &#12921; ㉹
㉺ &#12922; ㉺
㉻ &#12923; ㉻

동그라미가 있는 한글 표시 마크

동그라미가 있는 한글 표시 마크에 대한 HTML 특수 문자 코드표
표시될 문자 문자 코드 숫자 코드 설명
㉼ &#12924; 참고 표시
㉽ &#12925; 주의 표시
㉾ &#12926; 우편
㉿ &#12927; KS 마크

동그라미가 있는 한자 숫자

동그라미가 있는 한자 숫자에 대한 HTML 특수 문자 코드표
표시될 문자 문자 코드 숫자 코드 설명
㊀ &#12928; ㊀
㊁ &#12929; ㊁
㊂ &#12930; ㊂
㊃ &#12931; ㊃
㊄ &#12932; ㊄
㊅ &#12933; ㊅
㊆ &#12934; ㊆
㊇ &#12935; ㊇
㊈ &#12936; ㊈
㊉ &#12937; ㊉
㊉ &#12937; ㊉

동그라미가 있는 한자 요일

동그라미가 있는 한자 요일에 대한 HTML 특수 문자 코드표
표시될 문자 문자 코드 숫자 코드 설명
㊊ &#12938; ㊊
㊋ &#12939; ㊋
㊌ &#12940; ㊌
㊍ &#12941; ㊍
㊎ &#12942; ㊎
㊏ &#12943; ㊏
㊐ &#12944; ㊐

같이 보기

  • 웹 페이지에서 이모지(이모티콘) 사용하기
HTML 유용한 활용 팁 홈 이전 다음

codingEverybody는 모든 사람을 위한 코딩 학습서입니다.
모든 자료와 예제는 오류를 방지하기 위해 지속적으로 검토되지만 완전한 정확성을 보증할 수는 없습니다.
따라서, 모든 자료와 예제를 신뢰하기 전에 스스로의 판단에 따라 오류, 버그, 취약점이 없는지 신중하게 테스트하고 검토해야 합니다.
크리에이티브 커먼즈 저작자표시-저작자표시 4.0 국제 에 따라 사용할 수 있습니다.

Copyright © 옵티안. All Rights Reserved.