ホームページ >ウェブフロントエンド >H5 チュートリアル >html5のサイドタグって何に使うんですか? html5のsideタグの使い方まとめ(例あり)

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

寻∝梦
寻∝梦オリジナル
2018-08-28 17:53:5825493ブラウズ

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

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

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

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

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

html5 Sideタグの役割:

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

その効果は下の図です:

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

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

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

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

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

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

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

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

2.HTML5asideサイドバーの具体的な使い方をご存知ですか?
関連ビデオの推奨事項
:
1.Dugu Jiijian (1)_HTML5ビデオチュートリアル

2. ページまたはサイトのグローバル補助情報部分として記事要素の外側で使用します。最も一般的なのはサイドバーで、フレンドリー リンク、ブログ内の他の記事のリスト、広告ユニットなどが含まれます。

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

最後に効果を見てみましょう:

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

【編集者推奨】

HTMLのh1タグを中央揃えにする方法は? HTMLの

以上がhtml5のサイドタグって何に使うんですか? html5のsideタグの使い方まとめ(例あり)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。