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	안드로이드 - RecyclerView 안에 RecyclerView 구현하기	2021.04.02	502
236	안드로이드 - Json 파싱하기	2021.04.02	848
235	안드로이드 - 타이머(Timer) 구현하기	2021.04.01	1368
234	안드로이드 - SQLiteDatabase 구현하기	2021.04.01	243
233	안드로이드 - 리사이클러 뷰(RecyclerView) 구현	2021.04.01	388
232	안드로이드 - 네비게이션 드로어(Navigation Drawer)를 활용하여 슬라이드 메뉴 구현하기	2021.04.01	1858
231	안드로이드 - 툴바(ToolBar)를 사용하여 앱바(App Bar) 구현하기	2021.04.01	454
230	안드로이드 - 프로그레스바(ProgressBar) 구현하기	2021.04.01	451
229	안드로이드 - AsyncTask 구현 예제	2021.04.01	280
228	안드로이드 - 액티비티(Activity)와 액티비티 생명 주기(Activity Life Cycle)	2021.04.01	225
227	안드로이드 - 리스트뷰(ListView) 구현	2021.04.01	490
226	안드로이드 - 컨텍스트 메뉴(Context Menu) 사용 예제	2021.04.01	206
225	안드로이드 - 옵션 메뉴 (Option Menu) 구현 방법	2021.04.01	283
224	안드로이드 - 명시적 인텐트(Explicit Intent)와 암시적 인텐트 (Implicit Intent)	2021.04.01	324
223	안드로이드 - 날짜 및 시간 정보 입력받기 (DatePickerDialog / TimePickerDialog)	2021.04.01	1762
222	안드로이드 - setContentView()와 레이아웃 전개자(LayoutInflater)	2021.04.01	227
221	안드로이드 - AlertDialog 사용하여 알림창 띄우는 방법 총정리	2021.03.31	686
220	안드로이드 - SnackBar를 사용해 팝업창 띄우기	2021.03.31	282
219	안드로이드 - 토스트(Toast) 메시지 사용하기.	2021.03.31	321
218	안드로이드 - 액티비티(Activity)로부터 결과 데이터 받아오기	2021.03.31	483

237

안드로이드 - RecyclerView 안에 RecyclerView 구현하기 file