HTML Tags

▷ 수많은 HTML 태그가 지닌 각각의 의미를 'Semantic한 태그' 혹은 'Semantic하다'고 표현한다.

▷ 태그는 의미와 용도에 맞게 사용해야 한다.

└ 시각장애인 등 인터넷을 쓰기 어려운 사용자는 HTML 코드를 읽어 의미를 해석한다. 시각적으로 문제가 없어도 태그를 잘못 사용하면 의미 전달에 오류가 생길 수 있어 태그를 올바르게 쓰는 것이 중요하다.

└ 구글같은 검색 엔진도 태그 의미에 맞춰 결과를 표시하기 때문에 바른 태그를 써야한다.

HTML tag의 종류

▷HTML tag의 모든 종류는 다음 사이트에서 확인할 수 있다.

└ 사이트에서 붉게 표시된 태그들은 최신 표준인 HTML5에서 지원되지 않는다. 브라우저에서 오류가 나진 않으나 사용을 지양함.

▷ 하이퍼링크를 만드는 anchor 태그, 이미지를 삽입하는 img 태그, 목록을 만드는 ul/li 태그, 제목을 담당하는 heading 태그, 문단을 정의하는 p 태그 등이 자주 사용된다.

▷ 그 밖에 가장 많이 사용하는 것으로 div태그가 있다. div 태그는 block 엘리먼트라고 하는데 일반적인 영역을 표현할 때 가장 많이 사용한다. block 속성은 줄바꿈 없이 한줄을 완전히 차지한다(width의 기본값이 100%). 모양새를 쉽게 제어할 수 있는 속성 때문에 대부분 화면 구성이나 레이아웃에 사용한다.
▷ 많은 태그를 모두 외울 필요는 없다. 필요한 태그를 찾아서 적절한 의미에 맞는 태그를 사용하는 것이 중요.