ホームページ > ウェブフロントエンド > htmlチュートリアル > 第 7 章 ドキュメント要素_html/css_WEB-ITnose

第 7 章 ドキュメント要素_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:19:47
オリジナル
1015 人が閲覧しました

学習ポイント:

1. 文書要素の概要

2. 文書要素分析

講師: Li Yanhui

この章では主に文書について説明します。要素と文書要素の主な機能HTML5 では分割が行われます。それぞれの異なるコンテンツにより、全体のレイアウトが明確で生き生きとしたものになります。レイアウト要素全体をセマンティックにし、さらに div を置き換えます。

1つ。ドキュメント要素の概要 ドキュメント要素は基本的に実質的な効果はありません。主な目的は、ページ レイアウト中にさまざまなトピックや概念を区別することです。 ...

header は尾部を表します は、意図的に集中して配置されたナビゲーション要素を表します重要な概念またはトピックを示します 独立したコンテンツを表します は、文書または記事 周囲のコンテンツとほとんど関連性のないコンテンツを示します

2.文書要素分析

文書要素のほとんどのタグは何の効果も持たず、純粋にその構造を強調するためにセマンティクスを照合するために使用されます。後の章で CSS を学び、それを組み合わせて使用​​することによってのみ、レイアウトとスタイルの効果を実現できます。

1.

はヘッダーを表します

<header>  这里部分一般是页面头部,包括:LOGO、标题、导航等内容</header>
ログイン後にコピー

説明:
要素は主にページのヘッダー部分を設定します。

2.
は末尾を意味します

<footer>    这里是页面的尾部,一般包括:版权声明、友情链接等内容</footer>
ログイン後にコピー

説明:

要素は主にページの末尾を設定します。

3.

~

タイトルを追加

<h1>标题部分</h1><br /><h4>小标题部分</h4>
ログイン後にコピー

説明:

~

実際の機能は、太字にしてフォントサイズを変更することです。さまざまなタイトル文書に使用されます。

4.
タイトルの結合

<hgroup>    <h1>标题部分</h1>    <h4>小标题部分</h4></hgroup>
ログイン後にコピー

説明:

要素の役割は、複数のタイトルが表示されるときに、統合する必要がある 1 つ以上のタイトルを妨げることです。これは、グループを含めるにはこの要素を使用します。

5.
ドキュメントのテーマ

<section>    这里一般是存放文档主题内容。</section>
ログイン後にコピー

説明:

要素の機能は、ドキュメントのテーマの内容を定義することです。

6.

はヘッダーを意味します

footer

nav

セクション

記事

Dress

aside

+ summary

要素のコンテンツのタイトルまたは説明を表すために詳細要素で使用されます

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート