Hey guys welcome to HTML5 tutorial of Google Presentation.
Today I am going to show you Sample codes of HTML5 Tags.
You can see 10 tags (the red tags below) and how to use those tags.

아래 코드는 HTML5 에서 사용하는 Tag들에 대한 사용예를 보여주는 코드입니다.<header>,<hgroup>,<nav>,<section>,<article>,<aside>,<figure>,<figcaption>,<footer>,<time datetime="">이렇게 10개의 코드를 가지고 만들었습니다.

header는 제목을 나타낼 때 사용하고 한 페이지에서 여러번 사용할 수 있습니다.
nav는 메뉴이고 section은 범위를 구분지을 때 사용합니다.
article은 내용 aside는 옆쪽에 표시되는 내용에 사용합니다.
figure는 image를 표시할 때사용하고 figcaption은 그 이미지에 대한 설명(제목)을 나타냅니다.
그리고 footer는 꼬리글이구요. time datetime은 날짜를 나타낼때 사용합니다

HTML

Better semantic tags

<body>
  <header>
    <hgroup>
      <h1>Page title</h1>
      <h2>Page subtitle</h2>
    </hgroup>
  </header>

  <nav>
   <ul>
     Navigation...
   </ul>
  </nav>
  <section>
   <article>
     <header>
       <h1>Title</h1>
     </header>
     <section>
       Content...
     </section>
   </article>
   <article>
     <header>
       <h1>Title</h1>
     </header>
     <section>
       Content...
     </section>
   </article>
  </section>

  <aside>
   Top links...
  </aside>

  <figure>
    <img src="..."/>
    <figcaption>Chart 1.1</figcaption>
  </figure>

  <footer>
   Copyright ©

   <time datetime="2010-11-08">2010</time>.
  </footer>
</body>

You can download sample html file below.
아래 소스 파일 올립니다.

BetterSemanticTags.html

Atachment
첨부 '1'	html.gif,

List of Articles
번호	제목	날짜	조회 수
117	ImageVeiw의 현재 리소스 비교하기	2014.08.28	6750
116	CSS3 Rounded Corner, 그림자 효과 사용하기	2014.09.04	6760
115	Effects - SlideToggle() 메서드 (슬라이드 업/다운)	2014.10.16	6760
114	[안드로이드] Activity에 대해서	2015.07.16	6767
113	특정 폴더에서 오래된 파일 삭제하기	2015.07.16	6768
112	[안드로이드] 빠르게 사용할수 있는 컨텍스트 메뉴 만들기	2015.09.03	6789
111	HTML5 Geolocation (구글 지도에 현위치 표시하기)	2014.09.04	6810
110	[안드로이드 강좌] 초보자들이 많이 하는 실수	2015.08.11	6833
109	android SMS 리시버	2015.06.29	6871
108	Android] 안드로이드 홈 디렉토리 알아내기	2015.12.15	6895
107	내가 입력한 글자 Toast로 나오게 하기	2015.07.26	6896
106	옵션 메뉴 동적으로 생성하기	2015.07.16	6926
105	[안드로이드] 레이아웃의 기본1	2015.07.16	6962
104	푸시 서비스(GCM)에 대해 알아보자	2015.07.01	7000
103	[안드로이드] 버튼 이벤트 처리하기	2015.07.17	7030
102	안드로이드 android 개발 와이파이 유지 관련	2015.07.16	7034
101	[Android 2.3] SharePreference	2015.07.01	7051
100	안드로이드 웹에서 이미지 불러오기!!	2014.08.28	7053
99	HTML5로 비디오 보여주기 Video Tag	2014.09.04	7061
98	인텐트를 이용한 Activity간 데이터 전달 (사용자 정의 클래스)	2015.07.16	7061

117

ImageVeiw의 현재 리소스 비교하기

2014.08.28

6750

116

CSS3 Rounded Corner, 그림자 효과 사용하기 file