HTML5 의미 요소의 예 소개-H5 튜토리얼-php.cn

HTML5 의미 요소의 예 소개

零下一度

풀어 주다： 2017-05-15 11:04:12

원래의

1405명이 탐색했습니다.

요소를 명확하게 하기 위해 새로운 의미 요소를 제공합니다. 콘텐츠. .

요소 사용 예:

포럼 게시물

블로그 게시물

뉴스 스토리

<article>
  <h1>Internet Explorer 9</h1>
  <p>Windows Internet Explorer 9 (abbreviated as IE9) was released to
  the  public on March 14, 2011 at 21:00 PDT.....</p>
</article>

로그인 후 복사

HTML5

요소

태그는 탐색 링크 부분을 정의합니다.

요소는 페이지의 탐색 링크 섹션을 정의하는 데 사용됩니다. 그러나 모든 링크가

요소에 포함될 필요는 없습니다.

예

<nav>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>

로그인 후 복사

HTML5

요소

는 페이지의 기본 영역(예: 사이드바) 외부에 있는 콘텐츠를 정의합니다.

aside 태그의 내용은

<p>My family and I visited The Epcot center this summer.</p>
<aside>
  <h4>Epcot Center</h4>
  <p>The Epcot Center is a theme park in Disney World, Florida.</p>
</aside>

로그인 후 복사

HTML5

요소

문서의 영역

요소는 콘텐츠의 소개 표시 영역을 정의하는 데 사용됩니다.

여러 개의

요소를 사용할 수 있습니다.

다음 예에서는 기사의 헤더를 정의합니다.

Instance

<article>
  <header>
    <h1>Internet Explorer 9</h1>
    <p><time pubdate datetime="2011-03-15"></time></p>
  </header>
  <p>Windows Internet Explorer 9 (abbreviated as IE9) was released to
  the  public on March 14, 2011 at 21:00 PDT.....</p>
</article>

로그인 후 복사

HTML5