& 출력하기

By | 2013년 12월 24일

[목적]
브라우저에 ‘&’를 출력하는 방법을 배운다.

[이론]
08-01
위 그림과 같은 결과를 얻기 위해 아래 코드를 입력한다.

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>홈페이지</title>
    </head>
    <body>
        &lt;<br/>
        &gt;<br/>
    </body>
</html>

그러면 이전 글에서 다루것과 같이 ‘&lt;’, ‘&gt;’는 각각 ‘<‘, ‘>’을 출력하므로 아래 그림의 결과가 출력된다.

08-02
올바른 결과를 위해서는 ‘&’ 출력을 위한 ‘&amp;’를 응용하여HTML 코드에 ‘lt’와 ‘gt’ 앞에 ‘&amp;’를 붙여주면 브라우저 상에 ‘&lt;’와 ‘&gt;’를 출력할 수 있다.

[실습]
1. HTML에서 ‘&’ 출력을 위한 특수문자는 ‘&amp;’다. 따라서 위 HTML 코드를  아래와 같이 수정한 후 이름을 ’exam-08-01.html’로 하여 저장한다.

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>홈페이지</title>
    </head>
    <body>
        &amp;lt;<br/>
        &amp;gt;<br/>
    </body>
</html>

2. 브라우저로 확인하면 아래와 같은 결과를 확인할 수 있다.

08-01