맨땅에 코딩 : 맨코
Home
  • 분류 전체보기 (278)
    • CS (56)
      • Algorithm Theory (6)
      • Computer Architecture (1)
      • Computer Network (17)
      • Database (1)
      • Data Structure (5)
      • Operating System (18)
      • 정보처리기사 (8)
    • PS (111)
      • 백준 (72)
      • 프로그래머스 (27)
      • LeetCode (9)
      • 기타 (3)
    • Develop (51)
      • HTML & CSS (5)
      • JavaScript (23)
      • React JS (3)
      • Node JS (2)
      • TypeScript (5)
      • FrontEnd (11)
    • 무념무상 생각노트 (46)
    • 성장을 위한 도전들 (5)
Home
  • 분류 전체보기 (278)
    • CS (56)
      • Algorithm Theory (6)
      • Computer Architecture (1)
      • Computer Network (17)
      • Database (1)
      • Data Structure (5)
      • Operating System (18)
      • 정보처리기사 (8)
    • PS (111)
      • 백준 (72)
      • 프로그래머스 (27)
      • LeetCode (9)
      • 기타 (3)
    • Develop (51)
      • HTML & CSS (5)
      • JavaScript (23)
      • React JS (3)
      • Node JS (2)
      • TypeScript (5)
      • FrontEnd (11)
    • 무념무상 생각노트 (46)
    • 성장을 위한 도전들 (5)
블로그 내 검색

  • Develop/HTML & CSS

    [ HTML & CSS ] <Section> vs <div> vs <article>

    2021. 3. 26.

    by. KimBangg

    <div>

    아무런 의미없이 콘텐츠의 영역을 구분 할 때 사용이 된다.

    <div>
    	<a href=#1/>
    	<a href=#2/>
    	<a href=#3/>
    </div>

    <article>

    페이지 내에서 독립적인 기능을 수행한다.

    해당 부분을 떼어서 다른 곳에 두어도 본 기능을 올바르게 수행 할 수 있을 때 article을 사용해준다.

     

    예시) 배너 / 위젯 etc.

     

    <Section>

    body 내부에는 1개 이상의 section이 있어야한다.

    section은 독립체로 있지 않고, 하나의 팀과 같은 역할을 수행한다.

    내용에는 Heading ( = <h> ) 가 포함 되어야 한다.

     

    <section>
        <h2>Title</h2>
        <img src=""/>
        <p>this is a paragraph>
    </section>

     

    'Develop > HTML & CSS' 카테고리의 다른 글

    [CSS] CSS Diner (3) - 마무리  (0) 2021.04.09
    [CSS] CSS Diner 해설 (2)  (0) 2021.04.09
    [CSS] CSS Diner 해설 ( 1 )  (0) 2021.04.09
    [ HTML & CSS ] ID와 Class의 공통점 및 차이점  (0) 2021.03.26

    댓글

    관련글

    • [CSS] CSS Diner (3) - 마무리 2021.04.09
    • [CSS] CSS Diner 해설 (2) 2021.04.09
    • [CSS] CSS Diner 해설 ( 1 ) 2021.04.09
    • [ HTML & CSS ] ID와 Class의 공통점 및 차이점 2021.03.26
    맨 위로
  • GitHub
Tistory 로그인
Tistory 로그아웃
로그아웃 글쓰기 관리

Today

Total

Powered by ⓒ Kakao Corp.

블로그 이미지
KimBangg

티스토리툴바