[D+35] 공간분할태그, 시멘틱태그

 

 

국비지원 D+35

-  공간분할 태그, 시멘틱 태그 -

 

---

 

공간분할 태크

공간분할 태그는 레이아웃을 구성하기 위해 논리적인 영역을 분할하는 태그로 크게 2가지가 있다.

 

• Block 방식

- 페이지의 공간을 한줄 다 가지고 있는 방식

-  div, h1, p, table, form 등

 

• Inline 방식

-  컨텐츠 영역만큼만 공간을 차지하고 있는 방식

- span, a, input 등

 

---

시멘틱 태그

- 시멘틱 태그는 의미가 있는 태그라는 뜻으로 기존에 div나 p와 같은 태그는 어떤 영역인지 알 수 없지만 시멘틱 태그를 사용할 경우 각 태그의 영역이 어떤 영역인지 파악하기 쉽다.

- 시멘틱 태그를 사용했을 때의 장점은 검색엔진이 파악하기 좋기 때문에 데이터를 분석하기 쉽다.

- 참고로 시멘틱 태그는 추천일뿐 필수가 아니기 때문에 무조건 따라야할 필요는 없다.

 

---

기타 태그

• <a>

- Ancher 태그

- 하이퍼링크를 제공한다.

 

• <img>

- 이미지를 출력하는 단독태그

- 이미지를 웹페이지에 포함하는게 아닌 링크시킴

- src는 절대경로, 상대경로 둘 다 가능하다.