Notice
Recent Posts
Recent Comments
Link
«   2025/01   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

3일만에 끝내는 HTML, CSS, JS 기초

h17. HTML 특수문자 입력 본문

HTML

h17. HTML 특수문자 입력

눈의나라북범 2016. 6. 5. 15:34

HTML 특수문자 입력

키보드에 없는 문자들도, 특수문자 입력에 의해 표현할 수 있습니다.

특히, less than (<) 이나 greater than (>) 문자의 경우에는 브라우저가 태그로 인식할 수가 있어서 혼란이 올 수 있는데 이 경우, 특수문자 입력 방식을 사용하면 됩니다. 아래와 같이 하면 코드가 아니라 문자로 인식하게 됩니다.

&entity_name; 또는 &#entity_number;
<table> <tbody> <tr> <th>특수문자</th> <th>설명(영문)</th> <th>이름형식</th> <th>번호형식</th> </tr> <tr> <td>   (스페이스)</td> <td>non-breaking space</td> <td>&amp;nbsp;</td> <td>&amp;#160;</td> </tr> <tr> <td>&lt;</td> <td>less than</td> <td>&amp;lt;</td> <td>&amp;#60;</td> </tr> <tr> <td>&gt;</td> <td>greater than</td> <td>&amp;gt;</td> <td>&amp;#62;</td> </tr> <tr> <td>&amp;</td> <td>ampersand</td> <td>&amp;amp;</td> <td>&amp;#38;</td> </tr> <tr> <td>©</td> <td>copyright</td> <td>&amp;copy;</td> <td>&amp;#169;</td> </tr> <tr> <td>®</td> <td>registered trademark</td> <td>&amp;reg;</td> <td>&amp;#174;</td> </tr> </tbody> </table>

특수문자 설명(영문) 이름형식 번호형식
   (스페이스) non-breaking space &nbsp; &#160;
< less than &lt; &#60;
> greater than &gt; &#62;
& ampersand &amp; &#38;
© copyright &copy; &#169;
® registered trademark &reg; &#174;

지워지지 않는 공백이라는 의미의 Non-breaking Space (&nbsp;) 는 매우 빈번하게 사용되는 특수문자입니다. 

브라우저는 기본적으로 공백(space)를 여러번을 연달아 입력하여도, 딱 한번 스페이스를 입력한 것으로 처리합니다. 

따라서 공백을 여러개 표시하려면 &nbsp; 특수문자를 사용하여야 합니다.

<p>표준 아스키(ASCII) 코드 참조표</p> <a href="http://www.ascii.cl/htmlcodes.htm" target="_blank">http://www.ascii.cl/htmlcodes.htm</a> <hr /> <p>w3.org 특수문자 참조표</p> <a href="https://dev.w3.org/html5/html-author/charref">https://dev.w3.org/html5/html-author/charref</a>

표준 아스키(ASCII) 코드 참조표

http://www.ascii.cl/htmlcodes.htm

w3.org 특수문자 참조표

https://dev.w3.org/html5/html-author/charref
[광고] Udemy 동영상 강의로 보기


'HTML' 카테고리의 다른 글

h18. HTML 인코딩 문자 설정  (0) 2016.06.05
h06. HTML 주석달기  (0) 2016.06.05
h16. HTML 헤드 태그  (0) 2016.06.05
h15. HTML 반응형 웹 디자인  (0) 2016.06.05
h14. HTML 블록 태그 및 인라인 태그  (0) 2016.06.05