HTML5에서 side 태그를 어떻게 사용하나요? HTML5aside 사이드바를 사용하는 방법을 알고 있나요?

HTML5에서 side 태그를 어떻게 사용하나요? HTML5aside 사이드바를 사용하는 방법을 알고 있나요? 본 글에서는 HTML5의 side 태그에 대한 정의와 사용법을 주로 설명하고, HTML5의 side 요소에 대한 자세한 설명과 주의사항을 설명합니다.

HTML 5

태그 정의 및 사용법:

태그는 기사 이외의 콘텐츠를 정의합니다. Aside의 내용은 기사의 내용과 관련이 있어야 합니다.

예는 다음과 같습니다.

<p>This summer, I finally came to PHP Chinese net.</p>
<aside>
<h4>Online programming</h4>
PHP Chinese network is a great platform for online learning programming in China.
</aside>

HTML5의

요소에 대한 자세한 설명:

HTML

요소는 페이지의 일부를 나타내며 해당 콘텐츠는 페이지의 다른 콘텐츠와 밀접하게 관련되어 있지 않습니다. , 또는 관련이 없고 독립적으로 존재합니다.

요소는 일반적으로 사이드바 또는 일부 삽입된 보충 콘텐츠로 표시됩니다. 일반적으로 사이드바에 카탈로그, 색인, 용어집 등과 같은 일부 정의를 표시하는 데 사용됩니다. 또한 관련 광고, 작성자 소개, 웹 애플리케이션, 관련 링크, 현재 페이지 콘텐츠에 대한 간략한 소개를 표시하는 데에도 사용할 수 있습니다. , 등.

요소 사용 시 참고 사항:

대괄호 안의 텍스트를 표시하기 위해

요소를 사용하지 마세요. 이러한 유형의 텍스트는 기본 콘텐츠의 일부로 간주됩니다.

HTML5에서 side 태그를 사용하는 두 가지 방법:

1. 주요 콘텐츠의 보조 정보 부분으로 기사 요소에 포함됩니다. 콘텐츠는 현재 기사와 관련된 정보, 순위 설명 등이 될 수 있습니다.

<article>
  <h1>…</h1>
  <p>…</p>
  <aside>…</aside>
</article>

2. 기사 요소 외부에서 페이지나 사이트의 글로벌 자회사 정보 부분으로 사용하세요. 가장 일반적인 것은 친숙한 링크, 블로그의 다른 기사 목록, 광고 단위 등을 포함하는 사이드바입니다.

<aside>
  <h2>…</h2>
  <ul>
    <li>…</li>
    <li>…</li>
  </ul>
  <h2>…</h2>
  <ul>
    <li>…</li>
    <li>…</li>
  </ul>
</aside>

팁 및 메모:

팁:

가 있는 콘텐츠는 기사의 사이드바로 사용할 수 있습니다.

HTML5에서 웹이란 무엇인가요? 웹 스토리지의 요소는 무엇인가요?

HTML IMG 태그의 속성은 무엇인가요? IMG 태그 사용 방법 알아보기

위 내용은 HTML5에서 side 태그를 어떻게 사용하나요? HTML5aside 사이드바를 사용하는 방법을 알고 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!