백구의 코딩찌개
  • [HTML] HTML 특수문자 표시하는 방법
    2024년 01월 31일 02시 05분 31초에 업로드 된 글입니다.
    작성자: 코딩백구
    반응형

    HTML 상에서 ' 같은 특수기호를 표시하려고 했는데 그대로 입력해서 적용하면 표시가 제대로 안되길래 한번 알아보았습니다.

     

    일반적으로, HTML 에 특수 문자를 삽입할 때, & 기호와 ; 기호 사이에 숫자 혹은 문자를 입력해서 특수문자를 표시할 수 있습니다.

    공백 문자를 표시하려면   를 사용해야 합니다. 

    이밖에도 특수문자를 표현하는 코드들을 알아보도록 하겠습니다.

    자주 사용하는 HTML 특수문자 코드

    표현문자 숫자표현 문자표현 설명
    " " " 따옴표
    & & & Ampersand
    < &#60; &lt; 보다 작은
    > &#62; &gt; 보다 큰
    space &#160; &nbsp;  Non-breaking space
    &#169; &copy; 저작권
    ® &­#174; &reg; 등록상표
    ° &­#176; &deg; Degree sign
    ± &­#177; &plusmn; Plus or minus
    · &#183; &middot; Middle dot
    × &#215; &times; Multiply sign
    ÷ &#247; &divide; Division sign

     

    HTML 특수문자 코드 (전체)

    표현문자 숫자표현 문자표현 설명
    - &#00;~&#08; - 사용하지 않음
    space &#09;
    - 수평탭
    space &#10; - 줄 삽입
    - &#11~&#31; - 사용하지 않음
    space &#32 - 여백
    ! &#33; - 느낌표
    " &#34; &quot; 따옴표
    # &#35; - 숫자기호
    $ &#36; - 달러
    % &#37; - 백분율 기호
    & &#38; &amp; Ampersand
    ' &#39; - 작은 따옴표
    ( &#40; - 왼쪽 괄호
    ) &#41; - 오른쪽 괄호
    * &#42; - 아스트릭
    + &#43; - 더하기 기호
    , &#44; - 쉼표
    - &#45; - Hyphen
    . &#46; - 마침표
    / &#47; - Solidus (slash)
    0 - 9 &#48;~&#57; - 0부터 9까지
    : &#58; - 콜론
    ; &#59; - 세미콜론
    < &#60; &lt; 보다 작은
    = &#61; - 등호
    > &#62; &gt; 보다 큰
    ? &#63; - 물음표
    @ &#64; - Commercial at
    A - Z &#65~&#90 - A부터 Z까지
    [ &#91; - 왼쪽 대괄호
    \ &#92; - 역슬래쉬
    ] &#93; - 오른쪽 대괄호
    ^ &#94; - 탈자부호
    - &#95; - 수평선
    ` &#96; - Grave accent
    a - z &#97;~&#122; - a부터 z까지
    { &#123; - 왼쪽 중괄호
    | &#124; - 수직선
    } &#125; - 오른쪽 중괄호
    ~ &#126; - 꼬리표
    - &#127;~&#159; - 사용하지 않음
      &#160; &nbsp;  Non-breaking space
    ¡ &#161; &iexcl; 거꾸로된 느낌표
    &#162; &cent; 센트 기호
    &#163; &pound; 파운드
    ¤ &#164; &curren; 현재 환율
    &#165; &yen;
    ¦ &#166; &brvbar; 끊어진 수직선
    § &#167; &sect; 섹션 기호
    ¨ &#168; &uml; 움라우트
    &#169; &copy; 저작권
    ª &#170; &ordf; Feminine ordinal
    « &#171; &laquo; 왼쪽 꺾인 괄호
    &#172; &not; 부정
    ­ &­#173; ­&shy; Soft hyphen
    ® &­#174; &reg; 등록상표
    ¯ &­#175; &macr; Macron accent
    ° &­#176; &deg; Degree sign
    ± &­#177; &plusmn; Plus or minus
    ² &­#178; &sup2; Superscript two
    ³ &­#179; &sup3; Superscript three
    ´ &#180; &acute; Acute accent
    µ &#181; &micro; Micro sign (Mu)
    &#182; &para; 문단기호
    · &#183; &middot; Middle dot
    ¸ &#184; &cedil; Cedilla
    ¹ &#185; &sup1; Superscript one
    º &#186; &ordm; Masculine ordinal
    » &#187; &raquo; 오른쪽 꺾인 괄호
    ¼ &#188; &frac14; 4분의 1
    ½ &#189; &frac12; 2분의 1
    ¾ &#190; &frac34; 4분의 3
    ¿ &#191; &iquest; 거꾸로된 물음표
    À &#192; &Agrave; Capital A, grave accent
    Á &#193; &Aacute; Capital A, acute accent
    Â &#194; &Acirc; Capital A, circumflex accent
    Ã &#195; &Atilde; Capital A, tilde
    Ä &#196; &Auml; Capital A, dieresis or umlaut mark
    Å &#197; &Aring; Capital A, ring (Angstrom)
    Æ &#198; &AElig; Capital AE diphthong (ligature)
    Ç &#199; &Ccedil; Capital C, cedilla
    È &#200; &Egrave; Capital E, grave accent
    É &#201; &Eacute; Capital E, acute accent
    Ê &#202; &Ecirc; Capital E, circumflex accent
    Ë &#203; &Euml; Capital E, dieresis or umlaut mark
    Ì &#204; &Igrave; Capital I, grave accent
    Í &#205; &Iacute; Capital I, acute accent
    Î &#206; &Icirc; Capital I, circumflex accent
    Ï &#207; &Iuml; Capital I, dieresis or umlaut mark
    Ð &#208; &ETH; Capital Eth, Icelandic
    Ñ &#209; &Ntilde; Capital N, tilde
    Ò &#210; &Ograve; Capital O, grave accent
    Ó &#211; &Oacute; Capital O, acute accent
    Ô &#212; &Ocirc; Capital O, circumflex accent
    Õ &#213; &Otilde; Capital O, tilde
    Ö &#214; &Ouml; Capital O, dieresis or umlaut mark
    × &#215; &times; Multiply sign
    Ø &#216; &Oslash; width="130"Capital O, slash
    Ù &#217; &Ugrave; Capital U, grave accent
    Ú &#218; &Uacute; Capital U, acute accent
    Û &#219; &Ucirc; Capital U, circumflex accent
    Ü &#220; &Uuml; Capital U, dieresis or umlaut mark
    Ý &#221; &Yacute; Capital Y, acute accent
    Þ &#222; &THORN; Capital Thorn, Icelandic
    ß &#223; &szlig; Small sharp s, German (sz ligature)
    à &#224; &agrave; Small a, grave accent
    á &#225; &aacute; Small a, acute accent
    â &#226; &acirc; Small a, circumflex accent
    ã &#227; &atilde; Small a, tilde
    ä &#228; &auml; Small a, dieresis or umlaut mark
    å &#229; &aring; Small a, ring
    æ &#230; &aelig; Small ae diphthong (ligature)
    ç &#231; &ccedil; Small c, cedilla
    è &#232; &egrave; Small e, grave accent
    é &#233; &eacute; Small e, acute accent
    ê &#234; &ecirc; Small e, circumflex accent
    e &#235; &euml; Small e, dieresis or umlaut mark
    ì &#236; &igrave; Small i, grave accent
    í &#237; &iacute; Small i, acute accent
    î &#238; &icirc; Small i, circumflex accent
    ï &#239; &iuml; Small i, dieresis or umlaut mark
    ð &#240; &eth; Small eth, Icelandic
    ñ &#241; &ntilde; Small n, tilde
    ò &#242; &ograve; Small o, grave accent
    ó &#243; &oacute; Small o, acute accent
    ô &#244; &ocirc; Small o, circumflex accent
    õ &#245; &otilde; Small o, tilde
    ö &#246; &ouml; Small o, dieresis or umlaut mark
    ÷ &#247; &divide; Division sign
    ø &#248; &oslash; Small o, slash
    ù &#249; &ugrave; Small u, grave accent
    ú &#250; &uacute; Small u, acute accent
    û &#251; &ucirc; Small u, circumflex accent
    ü &#252; &uuml; Small u, dieresis or umlaut mark
    ý &#253; &yacute; Small y, acute accent
    þ &#254; &thorn; Small thorn, Icelandic
    ÿ &#255; &yuml; Small y, dieresis or umlaut mark
    반응형
    댓글