HTML 코스

태그

개요

HTML 입문 페이지에서 설명했듯이 마크업 언어는 <from>Amy</from> 처럼 태그를 사용하여 데이터를 표현합니다.

HTML에서는 몇가지 태그가 미리 정의되어 있으며, 용도에 맞게 태그를 사용할 수 있습니다.

위와 같이 정해진 이름으로 특별한 기능을 가진 태그가 여러개 있으며, 위 태그 이외에도 많은 태그들이 존재합니다.

태그 안의 태그

태그 안에 내용 뿐만 아니라 다른 태그 또한 들어갈 수 있습니다.
단, 이때 태그는 연 순서대로 닫아야합니다.

바른 예시

<aa>내용1</aa>
<aa>
	<bb>내용</bb>
</aa>
<aa>
	<bb>내용1</bb>
	<cc>내용2</cc>
</aa>

부적절한 예시

<aa>
	<bb>내용</aa>
</bb>
<aa>
	<bb>내용1</cc>
	<cc>내용2</bb>
</aa>

닫는 태그가 없는 태그

일반 적인 태그는 <태그> 처럼 시작하면 </태그> 처럼 닫아주어야 합니다.
하지만 <br> 등의 일부 태그는 </br> 처럼 닫지 않는 경우가 있는데, 이를 닫는 태그가 없는 태그라 합니다.

<br>
<img>
<meta>
<link>
<input>
<hr>

등의 태그는 닫는 태그가 없는데, 그 이유는 태그 내부에 넣을 값이 없기 때문입니다.

Self-Closing

어떤 문법에서는 닫는 태그가 없는 태그들을 닫는 태그와 규칙을 맞춰주기 위하여 <태그 /> 처럼 사용하기도 합니다.
예를 들어 <br /> 처럼 작성하여, 태그를 바로 열고 닫음을 표현하는 것이죠.

XHTML에서는 이런 문법을 강제화 하였지만 HTML5에서는, 닫아주지 않아도 됩니다.