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
번호	제목	날짜	조회 수
257	Effects - Animate() 메서드 (여러가지 효과 동시 처리)	2014.10.16	30651
256	안드로이드와 mysql 연동시키기. php 와 json 사용	2015.07.16	24490
255	[DB] 서버/클라이언트 소켓 통신하기	2015.07.13	20567
254	월별 캘린더에 일정 입력 및 조회 기능 리스트로 추가하기	2015.07.16	18552
253	스토리보드 짜는 방법	2015.07.16	15421
252	카카오톡 대화내용 가져오기(sqlite3, chat_logs)	2016.05.26	15134
251	간단한 mp3 플레이어 만들기 , 음악넣기 , 노래재생	2016.06.07	14626
250	TextureView를 이용한 카메라 Preview 좌우 반전	2015.06.10	14235
249	Android Login and Registration with PHP, MySQL and SQLite	2015.07.16	14178
248	블루투스(Bluetooth) 통신에 대해 알아보자	2015.07.26	14048
247	사진찍기 및 앨범 에서 사진 가져오기!!!	2014.08.28	13889
246	EditText의 글자 수 제한 걸기	2015.07.16	13881
245	[DB]Android - DB 연동 기술 정리	2015.07.13	13798
244	노티피케이션(Notification) 사용법 / Notification.Builder , NotificationManager	2016.06.10	13470
243	안드로이드] 페이스북 같은 슬라이드 메뉴 만들기	2015.12.15	12537
242	안드로이드용 채팅프로그램 클라이언트(java), 서버(c#) 소스	2016.05.19	11725
241	안드로이드에서 JSP 를 사용하여 mysql 연동하기	2015.07.16	11685
240	WIFI 신호세기 강도 측정하기	2014.08.28	11243
239	블루투스 및 비콘 관련 정리	2015.07.26	10828
238	Android 간단한 회원 가입 폼 만들기 for Mac (PHPMyAdmin 이용)	2015.07.10	10511

257

Effects - Animate() 메서드 (여러가지 효과 동시 처리) file