[HTML+CSS] [HTML 기본 다지기] 03 - Tag(태그) 개념 및 사용시 주의해야 할 점

 

 

[HTML+CSS] [HTML 기본 다지기] 02 - Visual Studio Code 설치 및 확장설치

 

HTML 기본 문서 구조에 대해 알아보기 전에

HTML에서 아주 중요한 Tag(태그)에 대해서 알아보고

사용 시 주의해야 할 점이 무엇인지에 대해 알아보도록 하자.

 

 

---

 

 

Tag(태그)는 어디가 제목이고 어디가 본문인지 표시하는 마크업을 할 때

사용하는 약속된 표기법이다.

 

이때, 태그를 사용하기 전에 유희해야 할 사항에는 어떤 게 있는지 확인해보자.

 

 

---

 

 

① '<>' (화살 괄호)를 이용해 구분

 

HTML은 '<'와 '>' 사이에 있는 내용을 태그로 인식한다.

 

그러므로 태그는 '<>' 사이에 내용을 적어 사용한다.

 

 

② 소문자로 작성

 

태그 안에 사용되는 속성은 소문자로 사용할 것을 권장한다.

 

 

③ 태그를 열었다면 다시 닫아준다

 

태그는 <h1> ~ </h1>처럼 한쌍으로 이루어져 있기 때문에

태그를 열었다면 다시 닫아주는 태그를 달아준다.

 

 

④ 들여쓰기

 

문서 구조를 수월하게 확인하기 위해서 들여 쓰기를 진행해 준다.

 

 

⑤ 속성과 함께 사용 가능

 

태그를 사용한다고 해서 단순히 태그만을 입력하는 것이 아닌

태그의 여러 기능을 추가해 주는 속성과 함께 사용해 줄 수 있다.

 

 

⑥ 포함관계 명확히

 

태그를 사용할 때 태그 안에 다른 태그를 포함시키기도 하는데

이때 각자 태그의 쌍을 잘 맞추어 사용해야 한다.

 

 

---

 

 

태그에 대해서 어느 정도 이해가 되었다면

앞으로 태그를 잘 못써서 오류가 발생하는 일은

없을 것이다.

 

 

---

 

 

< 참고 >

Do it! HTML5+CSS3 웹 표준의 정석

 

 

※ 해당 글은 습득 목적으로 작성된 글입니다 ※