[HTML] 그룹태그, List, Semantic

그룹 태그

 

- 여러개의 Element 를 그룹으로 묶어주는 역할

- 태그 자체는 아무런 효과가 없음

 

1. div

  - display 속성이 block

 

2. span

  - display 속성이 inline

List

- 목록

- 주로 메뉴 생성 시 사용

- block 태그

1. 순서가 있는 리스트 (Orderd List)

  <ol>

     <li></li>

     <li></li>

      ...

  </ol>

 

2. 순서가 없는 리스트 (Unordered Liest)

   <ul>

       <li></li>

       <li></li>

        ...

    </ul>

 

  -- <li> 태그도 Block 태그

Semantic 

 

- HTML5에서 추가

- 의미가 있는 태그(검색엔진)

- Layout 구조용

<header></header> -> div 태그 대신에

<nav></nav> -> navigation div태그 대신

 

<section></section>

<article></article>

 

<footer></footer>

 

<aside></aside>

 

*틀리거나 문제가 있을 시 바로 수정하겠습니다!

댓글로 남겨주시면 감사하겠습니다 :)