언어 자료구조 알고리즘/HTML5

[HTML5] 6. 안전한 구조를 위해 br 태그에 종료를 표시하자.

언제나휴일 2016. 5. 5. 22:00
반응형

안전한 구조를 위해 br 태그에 종료를 표시하자.


앞에서 문단을 나타낼 때 <p>...</p> 태그를 사용하고 소스 코드를 표현할 때 <pre>...</pre> 태그를 사용하는 것을 다루었죠.


이번에는 문단을 나누지는 않지만 개행에 사용하는 <br> 태그를 소개할게요.


HTML의 대부분 태그는 시작 태그와 종료 태그가 있습니다. 물론 내부 문자열이 없을 때 시작과 종료를 한꺼번에 표현하기도 하죠.


  • 시작 태그와 종료 태그

<title>태그없이 입력한 예</title>


  • 시작과 종료를 한꺼번에 표현

<meta charset="utf-8" />


종료 태그는 시작 태그명과 같은 이름을 사용하고 태그 앞에 /를 추가한 것을 말해요.


그런데 br은 종료 태그가 없습니다. 이러한 특징은 HTML이 구조적으로 안전하지 못하게 하는 요인이기도 합니다. XML은 이에 반해 언제나 시작 태그가 있으면 종료 태그가 있어요. 물론 내부 문자열이 없을 때 시작과 종료를 한꺼번에 표현할 수 있어요.


아무튼 한 문단에서 개행을 원할 때는 <br> 태그를 사용할 수 있어요. 하지만 구조적으로 안전하게 사용하기 위해 <br/>을 사용하길 권합니다.

<!DOCTYPE>

<html>

<head>

    <title>안전한 구조로 br 태그 작성</title>

    <meta charset="utf-8" />

</head>

<body>

    <p>정몽주의 '단심가'</p>

    <p>

    이몸이 죽고 죽어 일백번 고쳐 죽어<br />

    백골이 진퇴되어 넋이라도 있고 없고<br />

    님 향한 일편단심이야 가실 줄이 있으랴<br />

    </p>

</body>

</html>


브라우저에서 확인한 화면





safe_use_br.html



반응형