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
번호	제목	날짜	조회 수
237	카카오톡 분석하기 (1) - sqlite 파해치기	2016.05.26	10454
236	안드로이드 채팅 소스 샘플	2015.07.26	10088
235	네트워크 상태 변화 감지하기(BroadcastReceiver 사용)	2015.07.16	9935
234	FTPClient 를이용하여 ftp상 서버에서 데이터 다운로드 편	2014.08.28	9853
233	서버에서 이미지 불러와서 이미지뷰에 띄우기	2015.07.16	9842
232	ViewFlipper 사용하기	2015.07.16	9631
231	카카오톡 분석하기 (2) - 카카오톡 암호화 함수 찾기	2016.05.26	9600
230	안드로이드 php 로 mysql json 파싱 하기	2014.08.28	9407
229	[안드로이드] 팝업메뉴 사용법	2015.09.03	9391
228	탭 뷰에 탭 추가하기, 아이콘 넣기	2015.07.16	9360
227	AndroidManifest에 선언한 메타데이터(meta-data) 가져오기	2016.06.10	9318
226	안드로이드 팝업창 만들기(xml 내용 집어넣기)	2015.07.23	9285
225	다운로드 매니저(DownloadManager)에 대해 알아보자	2015.07.01	9246
224	화면 전환해도 데이터 유지 예제	2015.07.26	9204
223	[안드로이드] 리스트 뷰의 한 항목에 대한 컨텍스트 메뉴 만들기	2015.09.04	9080
222	URL을 이용해서 이미지 다운로드 하기 (멀티 쓰레드 이용)	2015.07.16	8992
221	안드로이드 소스 - 카메라 플래쉬(Flash, 후라시) 앱	2015.06.29	8973
220	Android Push GCM 프로젝트 앱 적용 하기(2)	2016.03.18	8956
219	안드로이드 webview (웹뷰) 개발 #1 - 웹사이트를 어플로 만들어 보자!	2015.07.17	8910
218	안드로이드 기본어플 예제 어플소스 모음	2015.08.17	8861

237

카카오톡 분석하기 (1) - sqlite 파해치기 file