html5のサイドタグって何に使うんですか？ html5のsideタグの使い方まとめ（例あり）

この記事では主にHTML5のsideタグについて紹介し、タグの役割と使い方を紹介します。asideタグは記事のサイドバーとして使用されますが、その役割は非常に大きいです。 Web サイト制作でよく使用される 2 つの方法の例。

おすすめマニュアル: HTML5リファレンスマニュアルの最新版

それでは、この記事を一緒に見ていきましょう

まず、html5の余談タグの意味を見てみましょう:

タグは、そのタグが含まれるコンテンツ以外のコンテンツを定義します。

脇のコンテンツは近くのコンテンツと関連している必要があります。

html5 Sideタグの役割:

コンテンツを記事のサイドバーとして使用できます

タグは記事以外のコンテンツを定義します。余談の内容は記事の内容と関連している必要があります。 (これは PHP 中国語 Web サイトです)

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

その効果は下の図です:

HTML5 で Side タグを使用する 2 つの方法:

Web サイト制作における Side 要素には主に 2 つのタイプがあります:

の使い方 1. メインコンテンツの付随情報部分として、記事要素に含めることができます。コンテンツは、現在の記事に関連する関連情報、ランキングの説明などです。

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

まずは効果を見てみましょう:

おすすめ関連記事:
1.HTMLの

タグと

の違いについて ​
2.HTML5asideサイドバーの具体的な使い方をご存知ですか？
関連ビデオの推奨事項:
1.Dugu Jiijian (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のサイドタグって何に使うんですか？ html5のsideタグの使い方まとめ（例あり）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。