HTML ページソースコードレイアウトの概要_Powernode Java Academy

HTML ページソースコードレイアウトの概要

この紹介では、Google のホームページのソースコードのスクリーンショットを例に挙げます。

上から下へ:

<!DOCTYPE html>このタグは、ドキュメントがどの HTML または XHTML 仕様を使用しているかをブラウザに伝えます。

XHTML 仕様:小文字で、開始タグと終了タグがあり、属性も二重引用符で囲む必要があります。

HTML 仕様:大文字と小文字は区別されず、開始タグと終了タグがあり、終了タグは開始タグ内に配置できます (例: <input type='text' />)。属性には二重引用符または一重引用符を使用できます (ペアで使用する必要があります)。

HTML ノード: HTML ページのルートノード。ページのコード情報はこのノードに配置されます。

<head>ノード: ヘッドノード。次の子ノードが含まれます:

<mete>タグ: ページのキーワードなど、ページのメタ情報を提供します。

<title>タグ: ページのタイトル。

<script>タグ: 通常は CSS および JavaScript コードを格納します。

<Body>ノード: ページコンテンツ領域、HTML 要素情報を格納する

<Div>タグ: さまざまな要素コントロールを格納します。

<script>タグ: HTML ページは上から下へ読み込まれるため、読み込み後に一度に内容が表示されるのではなく、読み込みながら内容が表示されます。

body の後に Script を置くことは、この Script 内のコードが body 内の要素を呼び出すことを示すのと同じです。 Head タグ内に配置した場合、このスクリプトコードが実行されたときに body 内の要素がまだ読み込まれておらず、必要な要素情報を取得できません。

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。