HTML文書構造の図解-htmlチュートリアル-php.cn

HTML文書構造の図解

零到壹度

リリース： 2018-03-29 15:08:52

オリジナル

2391 人が閲覧しました

この記事は主に HTML の文書構造の図を共有するものであり、非常に参考になるものです。編集者をフォローして見てみましょう。

HTML ドキュメントの構造は、Web ページの文法構造、エンコード形式として理解できます。このドキュメント構造により、Web ページの記述が非常に標準化されます。標準化されたコードは、コードの可読性を高め、よりプロフェッショナルに見せることができます。

HTML ドキュメントは常にで始まり、つまり、Web ページのすべてのコンテンツは

<html>......</html>

ログイン後にコピー

すべての HTML ファイルには、head と body という 2 つの主要な構造があります。 通常、head部分に文書の説明情報、body部分に文書の件名情報（ブラウザに表示される情報）が配置されます。最初に更新された HTML ドキュメントの構造は次のとおりです:

<html>
    <head>
        ......    </head>
    <body>
        ......    </body></html>

ログイン後にコピー

タイトルは、HTML ドキュメントの先頭にある最も重要な情報です。 訪問者が Web ページのタイトルを見たときに Web ページの主なコンテンツが何であるかを理解できるように、各ドキュメントにはタイトルを付ける必要があります。では、タイトルは Web ページのどこに表示されるのでしょうか? Baidu のホームページを例に挙げます。

上の図からわかるように、Baidu のホームページのタイトルは 「Baidu, you are the way」
ドキュメントのタイトルは < に配置されます。 / タイトルとの間に。その構造は次のとおりです:

<head>
    <title>文档标题</title></head>

ログイン後にコピー

HTML ドキュメントのメイン部分には、Web ページに表示されるテキスト、画像、ハイパーリンクなどが含まれます。ドキュメントのメイン部分には、主に必要なコンテンツを記述します。ユーザーに、またはユーザーが見たいものを表示します。 body セクションは < body> で始まります。その構造は次のとおりです:

<body>
    文档主要内容：文本、图像、音频、视频、超链接等。</body>

ログイン後にコピー

ブラウザーが Web ページを正しく表示できるように、< !DOCTYPE> を使用してドキュメントの種類を記述します。 Web の世界には、ドキュメントの種類を明確にすることによってのみ可能になります。ブラウザではより正確に表示されます。ドキュメントを表示します。したがって、ドキュメントの種類を説明するには、各ドキュメントに < !DOCTYPE> を追加する必要があります。 < !DOCTYPE> は < タグの前にあります。 HTML4.01 では、ドキュメントタイプの宣言は次のとおりです:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

ログイン後にコピー

HTML5 では、ドキュメントタイプの宣言は非常に単純です:
<!DOCTYPE html>
ログイン後にコピー
プログラミングの際、ロジックを明確にし、機能を増やすために、
コメント
を追加する必要があることがよくあります。コードの可読性の E。 HTML ドキュメントにコメントを追加する方法は次のとおりです。

ログイン後にコピー
ブラウザが HTML ドキュメントを読み取るとき、コメントの内容は自動的に無視されます。つまり、注釈の内容はブラウザ上に表示されません。
最後に、オンライン HTML ドキュメントの完全な構造:
<!DOCTYPE html> 文档标题 ...... 文档主要内容：文本、图像、音频、视频、超链接等。
ログイン後にコピー

関連推奨事項:
HTML5 ドキュメント構造分析
HTML5: 組織ドキュメント構造
HTML ドキュメント構造

以上がHTML文書構造の図解の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。