Html&CSS/html5&css3

0225_html5_개념

.Epona. 2020. 2. 25. 21:50

HTML 5
>div에 의미를 부여해서 분류 함

CSS3
>css3는 ie9부터 적용됨

  • header, footer
    div를 header, footer로 구분, 여러번 사용 가능
  • section/article/time
    time: 남들은 안씀
    article: 하나만으로 ㅋ 컨텐츠가 될 수 있는 것
     -ex: 낱개의 댓글
  • nav
    gnb, lnb에 사용
  • aside
    메인 컨텐츠와 관련성이 적은 것들
    예)메인 컨텐츠와 관련성이 적은 기사, 보충기사, 사이트바, 광고
  • 기사 쓴 사람의 연락처: address(html4에서는 p로 하던것)
    - html4에서 하단 address로 처리하던 것을 그냥 p태그로 처리함

        책은 일본, 외국 잘씀(한국 잘 못씀)

<body>

    <h3>[header/footer]</h3>
    
    <header>
    <h4>1)header</h4>
    페이지나 섹션의 머릿말(로고, 목차, 검색, 내비게이션 등이 포함됨)
    </header>
    
    
    <footer>
        <h4>2)footer</h4>
    페이지나 섹션의 바닥들(저자정보, 관련페이지 링크, 저작권 표시)
    </footer>
    
    
    <h3>[section/article/aside]</h3>

    <section>
            <h4>1)section</h4>
    장이나 절을 표현::::반드시 제목(h1~h6)을 넣어서 사용해야 함
    </section>
    
    <article>
    <h4>2)article</h4>
        뉴스 기사, 블로그 기사처럼 독립적인 컨텐츠(댓글, 게시판 투고 등
        배포할 수 있는 글들)
    </article>
    
    
<!--section, article 어떻게 사용하든 갠쥰-->
    <section>
        <article></article>
    </section>
    
    <article>
        <section></section>
    </article>
    
    
    <aside>
    <h4>3)aside</h4>
    메인컨텐츠와 관련성이 적은 컨텐츠(광고, 배너, 보충 기사, 쇼핑몰(검색)에서 관련 상품 뜨는 것들 등)
    </aside>

    
    <!--가뭄에 콩나듯이 나오는 태그:main-->
    
    <main>
        <h6>'main'는 ie12부터 지원이 됨(현재 ie11까지 쓰고 있음)<br/>
        가뭄에 콩나듯이 나오는 태그:main'main'는 ie12부터 지원이 됨(현재 ie11까지 쓰고 있음)</h6>

    </main>
    
    
    
    <h3>[nave]</h3>
        
    
</body>

 

[header/footer]

1)header

페이지나 섹션의 머릿말(로고, 목차, 검색, 내비게이션 등이 포함됨)

2)footer

페이지나 섹션의 바닥들(저자정보, 관련페이지 링크, 저작권 표시)

[section/article/aside]

1)section

장이나 절을 표현::::반드시 제목(h1~h6)을 넣어서 사용해야 함

2)article

뉴스 기사, 블로그 기사처럼 독립적인 컨텐츠(댓글, 게시판 투고 등 배포할 수 있는 글들)
'main'는 ie12부터 지원이 됨(현재 ie11까지 쓰고 있음)
가뭄에 콩나듯이 나오는 태그:main'main'는 ie12부터 지원이 됨(현재 ie11까지 쓰고 있음)

[nave]

 

 

 

EX_0225_html5.html
0.00MB

 

저작자표시 비영리 변경금지