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	안드로이드 - 익명 클래스(Anonymous Class) 사용법	2021.03.31	281
236	안드로이드 - 문자열 리소스를 활용한 다국어 지원	2021.03.31	282
235	안드로이드 - SnackBar를 사용해 팝업창 띄우기	2021.03.31	282
234	안드로이드 - 옵션 메뉴 (Option Menu) 구현 방법	2021.04.01	283
233	초기화면 페이지를 만들어보자. splash 페이지 제작	2020.12.14	285
232	Java에서 XML 불러와서 동적 변화 주기	2021.03.31	288
231	줄바꿈 문자 치환	2020.12.14	289
230	[하이브리드앱] 링크를 웹뷰가 아닌 새로운 브라우저에서 열기	2021.09.30	293
229	패키지명을 한꺼번에 변경하기 (Refactor)	2020.12.14	295
228	앱 번들(Android App Bundle) 만들기	2021.09.14	305
227	android.support.v4.content.FileProvider not found	2020.12.14	308
226	안드로이드 - 리니어 레이아웃 (Linear Layout)	2021.03.29	319
225	안드로이드 - 토스트(Toast) 메시지 사용하기.	2021.03.31	321
224	안드로이드 - 뷰페이저(ViewPager) 구현	2021.04.02	323
223	안드로이드 - 명시적 인텐트(Explicit Intent)와 암시적 인텐트 (Implicit Intent)	2021.04.01	324
222	안드로이드 앱배포하기 apk 만들기	2020.12.14	324
221	안드로이드 arrayList 를 Json으로 변환 / jsonarry	2021.03.29	326
220	Firebase - 푸시알림 보내기	2021.09.30	339
219	안드로이드 - 버튼 이벤트 처리방법 정리 (리스너 구현 및 이벤트 핸들링)	2021.03.31	343
218	Volley 이용시에 한글 깨질때 UTF-8로 변경	2020.12.14	343

237

안드로이드 - 익명 클래스(Anonymous Class) 사용법 file