IT노트/HTML

HTML 특수 문자

wychoi 2015. 1. 30. 23:52
HTML 특수 문자

HTML 문서에서 <HTML>태그와 같이 표현 하기 위해서는 특문을 사용 해야 합니다. 
그렇지 않고 꺽쇠 문자기호를 이용해서 사용 하면 브라우저에서 그대로 태그로 인식됩니다.
실제로 태그를 표현 하기 위해서는 
&lt;HTML&gt; - 브라우저에서 <HTML>로 표현 됩니다.

[&] 특수 문자를 표현하기 위한 시작을 알립니다. 
[;] 특수 문자를 표현하고 끝마침을 알립니다. 
[#] ASCII 또는 Unicode 값으로 표현할때 사용 됩니다. (10진수 변환 코드)

특수 문자를 표현하기 위해 꼭 사용 되지 않아도 되며 경우에 따라 꼭 사용해야 합니다.

아래 표는 HTML문서에서 많이 사용 되는 특수 문자 입니다. 문자를 쓴 경우와 숫자를 쓴 경우는 동일 효과를 보여 줍니다. 
[특수 문자] 단, (■) 실제 공간을 보이기 위해 사용 했습니다.

&lt;&#60;[<] less-than: ~ 보다 작다, 꺽쇠 열기 문자 기호
&gt;&#62;[>] greater-than: ~ 보다 크다, 꺾쇠 닫기 문자 기호
&amp;&#38;[&] ampersand: and 문자 기호, 사용예(&lt;를 표현 하려면 &amp;lt;로 코딩)
&nbsp;&#160;[■ ■] no-break space: 공간을 표현 하기 위한 문자 기호(■공간■)
&ensp;&#8194;[■ ■] en space: 공간을 표현 하기 위한 문자 기호(■공간■)
&emsp;&#8195;[■ ■] em space: 공간을 표현 하기 위한 문자 기호(■공간■)
&thinsp;&#8201;[■ ■] thin space: 공간을 표현 하기 위한 문자 기호(■공간■)
&copy&#169;[©] copyright: 저작권 문자 기호
&quot;&#34;["] quotation: 따옴표 문자 기호

수학 기호

&lt;&#60;<&cap;&#8745;∩
&gt;&#62;>&cup;&#8746;∪
&forall;&#8704;∀&int;&#8747;∫
&part;&#8706;∂&there4;&#8756;∴
&exist;&#8707;∃&sim;&#8764;∼
&nabla;&#8711;∇&asymp;&#8776;≈
&isin;&#8712;∈&ne;&#8800;≠
&ni;&#8715;∋&equiv;&#8801;≡
&prod;&#8719;∏&le;&#8804;≤
&sum;&#8721;∑&ge;&#8805;≥
&radic;&#8730;√&sub;&#8834;⊂
&prop;&#8733;∝&sup;&#8835;⊃
&infin;&#8734;∞&sube;&#8838;⊆
&ang;&#8736;∠&supe;&#8839;⊇
&and;&#8743;∧&perp;&#8869;⊥
&or;&#8744;∨   

글자 기호

글자 기호(라틴/그리스)
라틴 대문자그리스 대문자
&Agrave;&#192;À&Alpha;&#913;Α
&Aacute;&#193;Á&Beta;&#914;Β
&Acirc;&#194;Â&Gamma;&#915;Γ
&Atilde;&#195;Ã&Delta;&#916;Δ
&Auml;&#196;Ä&Epsilon;&#917;Ε
&Aring;&#197;Å&Zeta;&#918;Ζ
&AElig;&#198;Æ&Eta;&#919;Η
&Ccedil;&#199;Ç&Theta;&#920;Θ
&Egrave;&#200;È&Iota;&#921;Ι
&Eacute;&#201;É&Kappa;&#922;Κ
&Ecirc;&#202;Ê&Lambda;&#923;Λ
&Euml;&#203;Ë&Mu;&#924;Μ
&Igrave;&#204;Ì&Nu;&#925;Ν
&Iacute;&#205;Í&Xi;&#926;Ξ
&Icirc;&#206;Î&Omicron;&#927;Ο
&Iuml;&#207;Ï&Pi;&#928;Π
&ETH;&#208;Ð&Rho;&#929;Ρ
&Ntilde;&#209;Ñ&Sigma;&#931;Σ
&Ograve;&#210;Ò&Tau;&#932;Τ
&Oacute;&#211;Ó&Upsilon;&#933;Υ
&Ocirc;&#212;Ô&Phi;&#934;Φ
&Otilde;&#213;Õ&Chi;&#935;Χ
&Ouml;&#214;Ö&Psi;&#936;Ψ
&Oslash;&#216;Ø&Omega;&#937;Ω
&Ugrave;&#217;Ù   
&Uacute;&#218;Ú   
&Ucirc;&#219;Û   
&Uuml;&#220;Ü   
&Yacute;&#221;Ý   
&THORN;&#222;Þ   
라틴 소문자그리스 소문자
&szlig;&#223;ß&alpha;&#945;α
&agrave;&#224;à&beta;&#946;β
&aacute;&#225;á&gamma;&#947;γ
&acirc;&#226;â&delta;&#948;δ
&atilde;&#227;ã&epsilon;&#949;ε
&auml;&#228;ä&zeta;&#950;ζ
&aring;&#229;å&eta;&#951;η
&aelig;&#230;æ&theta;&#952;θ
&ccedil;&#231;ç&iota;&#953;ι
&egrave;&#232;è&kappa;&#954;κ
&eacute;&#233;é&lambda;&#955;λ
&ecirc;&#234;ê&mu;&#956;μ
&euml;&#235;ë&nu;&#957;ν
&igrave;&#236;ì&xi;&#958;ξ
&iacute;&#237;í&omicron;&#959;ο
&icirc;&#238;î&pi;&#960;π
&iuml;&#239;ï&rho;&#961;ρ
&eth;&#240;ð&sigmaf;&#962;ς
&ntilde;&#241;ñ&sigma;&#963;σ
&ograve;&#242;ò&tau;&#964;τ
&oacute;&#243;ó&upsilon;&#965;υ
&ocirc;&#244;ô&phi;&#966;φ
&otilde;&#245;õ&chi;&#967;χ
&ouml;&#246;ö&psi;&#968;ψ
&oslash;&#248;ø&omeag;&#969;ω
&ugrave;&#249;ù   
&uacute;&#250;ú   
&ucirc;&#251;û   
&uuml;&#252;ü   
&yacute;&#253;ý   
&thorn;&#254;þ   
&yuml;&#255;ÿ   

JAVASCRIPT 특수 문자

자바스크립트에서는 문자열 안에 몇 가지 특수 문자들을 사용할 수 있습니다. 
자바스크립트 코드를 작성중에 문자열에 대해 줄 바꿈을 하거나 (")와 같은 기호를 넣고 싶을때 사용 합니다.

특수 문자에 (\)은 Backslash이며 키보드 키중 (\)으로 사용 합니다. 
\(Backslash)는 앞에 사용 하면 특수 문자를 사용을 말하며 뒤에 각 특수 문자의 특성에 맞는 문자로 실행 됩니다. 
"내용 \특수문자 내용"

<script language="JavaScript">
<!--예제
function JSschar() {
message1 = "이곳은 첫번째 줄입니다.\n";
message2 = "이곳은 두번째 줄입니다.";
alert(message1 + message2);
}
//스크립트 끝-->
</script>

특수 문자특수 문자 의미
\b[\b : Backspace] 뒤로 한칸 지움
\f[\f : Form feed] 새로운 페이지로
\n[\n : Line feed (newline)] 개행(새로운 라인으로)
\r[\r : Carriage return] 리턴(예를 들어 TEXTAREA에서 Enter를 사용한 결과)
\t[\t : Horizontal tab] 탭 문자 삽입
\'[\' : Single quotation mark] 작은 따옴표 표현
\"[\" : Double quotation mark] 큰 따옴표 표현
\\[\\ : Backslash] 역 슬래쉬 표현

[출처] HTML 특수 문자 |작성자 해결사