HTML文書構造の図解

零到壹度オリジナル: 2018-03-29 15:08:522285ブラウズ

この記事は主に 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>

ブラウザーが Web ページを正しく表示できるように、を使用してドキュメントの種類を記述します。 Web の世界には、ドキュメントの種類を明確にすることによってのみ可能になります。ブラウザではより正確に表示されます。ドキュメントを表示します。したがって、ドキュメントの種類を説明するには、各ドキュメントにを追加する必要があります。は 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>
    
        文档标题
        ......    
    
        文档主要内容：文本、图像、音频、视频、超链接等。

HTML文書構造の図解

関連記事