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

집

웹 프론트엔드

H5 튜토리얼

HTML5 의미 요소의 예 소개

零下一度

May 15, 2017 am 11:04 AM

의미 요소란 무엇인가요?

의미 요소는 브라우저와 개발자에게 그 의미를 명확하게 설명할 수 있습니다.

의미 요소 예:

및 - 콘텐츠를 고려할 필요가 없습니다.

의미 요소 예:

및

브라우저 지원

Internet Explorer 9+, Firefox, Chrome, Safari 및 Opera는 의미 요소를 지원합니다.

참고: 이 요소는 Internet Explorer 8 이하에서는 지원되지 않습니다. 그러나 기사 하단에 호환되는 해결 방법이 제공됩니다.

HTML5의 새로운 의미 요소

기존의 많은 일부 웹사이트에는 탐색 링크, 헤더를 나타내는

또는

HTML 코드가 포함되어 있습니다. , 그리고 꼬리.

HTML5는 웹 페이지의

HTML5

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

요소 사용 예:

포럼 게시물

블로그 게시물

뉴스 스토리

<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