html5 side 태그의 용도는 무엇입니까? html5 side 태그 사용 요약(예제 포함)

이번 글에서는 HTML5의side 태그를 주로 소개하며, 태그의 역할과 사용법을 소개합니다. 일반적으로 사용되는 두 가지 방법의 예입니다.

추천 매뉴얼: 최신 버전의 HTML5 참조 매뉴얼

자, 이 글을 함께 살펴볼까요

먼저 html5 side 태그의 의미를 살펴보겠습니다.

태그는 표시되는 콘텐츠 외부의 콘텐츠를 정의합니다.

외부 콘텐츠는 주변 콘텐츠와 관련이 있어야 합니다.

html5 side 태그의 역할:

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

태그는 기사 이외의 콘텐츠를 정의합니다. Aside의 내용은 기사의 내용과 관련이 있어야 합니다. (PHP 중국어 사이트입니다.)

<p>大家好，这里是PHP中文网.网址是www.php.cn</p>
<aside>
  <h4 id="编程教程">编程教程</h4>
  这里有很多的优质的课程等你来学习
</aside>

효과는 아래 그림과 같습니다.

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

웹 사이트 제작에서 side 요소에는 크게 두 가지 유형이 있습니다. : 활용방법

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

<article>
  <h1 id="PHP中文网">PHP中文网</h1>
  <p>欢迎访问www.php.cn</p>
  <aside>这里是PHP中文网</aside>
</article>

먼저 효과를 살펴보겠습니다.

관련 기사 추천:
1.HTML의

태그와

태그의 차이점에 대해 ​ ​ ​
2.HTML5aside 사이드바의 구체적인 사용법을 아시나요? ​ ​
관련 영상 추천:
1.Dugu Jiujian (1)_HTML5 영상 튜토리얼

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

<aside>
  <h2 id="这还是PHP中文网">这还是PHP中文网</h2>
  <ul>
    <li>一个学编程必备的网站</li>
    <li>一个很活跃的网站</li>
  </ul>
  <h2 id="PHP中文网">PHP中文网</h2>
  <ul>
    <li>欢迎你的到来</li>
    <li>想学什么编程都可以来</li>
  </ul>
</aside>

마지막으로 효과를 살펴보세요.

【편집자 추천】

html h1 태그를 중앙에 배치하는 방법은 무엇인가요? HTML에서 태그의 클래스 속성 값과 사용법에 대한 요약입니다

위 내용은 html5 side 태그의 용도는 무엇입니까? html5 side 태그 사용 요약(예제 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!