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	EditText의 글자 수 제한 걸기	2015.07.16	13881
236	Effects - Animate() 메서드 (여러가지 효과 동시 처리)	2014.10.16	30624
235	Effects - FadeIn() / FadeOut() 메서드 (서서히 보이기 및 숨기기)	2014.10.16	6069
234	Effects - Show() / Hide() 메서드 (보이기 및 숨기기)	2014.10.16	5957
233	Effects - SlideToggle() 메서드 (슬라이드 업/다운)	2014.10.16	6758
232	Effects - SlideUp() 메서드 (슬라이드업)	2014.10.16	5999
231	Effects - Stop() 메서드 (애니메이션 효과 멈추기)	2014.10.16	6225
230	Events - Unbind() 메서드 (이벤트 처리기 해제)	2014.10.16	5749
229	Firebase - 푸시알림 보내기	2021.09.30	339
228	Firebase - 푸시알림 보내기 (2)	2021.09.30	768
227	Fragment를 통한 하단탭 예제1	2020.12.14	242
226	Fragment에서 Toast 사용하기	2020.12.14	371
225	FTPClient 를이용하여 ftp상 서버에서 데이터 다운로드 편	2014.08.28	9853
224	FTPClient 를이용한 데이터 업로드 하기	2014.08.28	6366
»	HTML5 Better semantic tags	2014.09.04	5952
222	HTML5 Form 공부하기 -1-	2014.09.04	5841
221	HTML5 Form 공부하기 -2-	2014.09.04	6329
220	HTML5 Geolocation (구글 지도에 현위치 표시하기)	2014.09.04	6810
219	HTML5 Speech Input (음성인식) API	2014.09.04	6454
218	HTML5 Web Storage -01-	2014.09.04	5587

237

EditText의 글자 수 제한 걸기

2015.07.16

13881

236

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