ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5でsideタグを使用するにはどうすればよいですか? HTML5aside サイドバーの使い方をご存知ですか?

HTML5でsideタグを使用するにはどうすればよいですか? HTML5aside サイドバーの使い方をご存知ですか?

寻∝梦
寻∝梦オリジナル
2018-08-15 17:39:2311099ブラウズ

HTML5でsideタグを使用するにはどうすればよいですか? HTML5aside サイドバーの使い方をご存知ですか?この記事では、HTML5におけるsideタグの定義と使い方を中心に、HTML5におけるside要素の詳しい説明と注意点について説明します。

HTML 5 15221ee8cba27fc1d7a26c47a001eb9b タグの定義と使用法:

15221ee8cba27fc1d7a26c47a001eb9b タグは記事以外のコンテンツを定義します。余談の内容は記事の内容と関連している必要があります。

以下に例を示します:

<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 の 15221ee8cba27fc1d7a26c47a001eb9b 要素の詳細な説明:

HTML15221ee8cba27fc1d7a26c47a001eb9b 要素はページの他のコンテンツと密接に関連しません。 、または関連性がなく、独立して存在します。 15221ee8cba27fc1d7a26c47a001eb9b 要素は通常、サイドバーまたは挿入された補足コンテンツとして表示されます。通常、カタログ、索引、用語集などの定義をサイドバーに表示するために使用されます。また、関連する広告、著者の紹介、Web アプリケーション、関連リンク、現在のページのコンテンツの簡単な紹介を表示するために使用することもできます。 、など。

15221ee8cba27fc1d7a26c47a001eb9b 要素の使用に関する注意:

このタイプのテキストはメイン コンテンツの一部とみなされているため、括弧内のテキストをマークするために 15221ee8cba27fc1d7a26c47a001eb9b 要素を使用しないでください。

HTML5 での Side タグの使用方法は 2 つあります:

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>

ヒントとメモ:

ヒント: 15221ee8cba27fc1d7a26c47a001eb9b が付いたコンテンツは記事のサイドバーとして使用できます。

HTML5 の Web とは何ですか? Webストレージの要素は何ですか?

HTML IMG タグの属性は何ですか? IMG タグの使用方法を学びましょう


以上がHTML5でsideタグを使用するにはどうすればよいですか? HTML5aside サイドバーの使い方をご存知ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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