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

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 を応援していただければ幸いです。

<<:  CentOS SVN サーバーで複数のプロジェクトを管理する方法

>>:  MySQL 8.0.22 のダウンロード、インストール、設定方法のグラフィックチュートリアル

推薦する

Vue2は応答性を提供するためにprovide injectを実装しています

1. vue2 での従来の書き方 // 親コンポーネントは 'foo' を提供します...

Centos7 に Nginx 統合 Lua サンプル コードをインストール

序文私が使用しているパソコンはMacで、OSはmacOS Mojaveです。コンピュータに仮想マシン...

Vue.js ディレクティブのカスタム命令の詳細な説明

デモコマンドをカスタマイズするVue カスタム ディレクティブの構文は次のとおりです。 Vue.di...

MySQL のデッドロック チェックとデッドロック除去の例の詳細な説明

1. クエリプロセスプロセスリストを表示2. 対応するプロセスを照会し、IDを強制終了します。検証(...

Dockerを使用してLaravelおよびVueプロジェクトの開発環境を構築する詳細な説明

この記事では、Docker で構築された Laravel および Vue プロジェクトの開発環境を紹...

InnoDB のアーキテクチャと機能の詳細な説明 (InnoDB ストレージ エンジンの読書メモの要約)

背景スレッド•マスタースレッドコア バックグラウンド スレッドは主に、バッファー プール データをデ...

CentOS 8 VMware 仮想マシンがインターネットにアクセスするための静的 IP ネットワーク カードの設定の詳細な説明

最初のステップ: VMwareで、「編集」-「仮想ネットワークエディタ」をクリックします。下図に示す...

IDEA が docker を統合して springboot プロジェクトを展開するプロセス全体

目次1. IDEAはdockerプラグインをダウンロードします2. クラウドサーバーDocker 2...

Linux での MongoDB のインストールに関するチュートリアル

MongoDB はクロスプラットフォームであり、Windows と Linux の両方にインストール...

Jenkins でユーザー ロールの権限を設定する方法

Jenkinsのユーザーロール権限の設定には、ロール戦略プラグインのインストールが必要です。 1.ロ...

jQueryはシンプルなコメントエリアを実装します

この記事では、参考までに、簡単なコメントエリアを実装するためのjQueryの具体的なコードを紹介しま...

vue3 タイムスタンプ変換 (フィルターを使用せずに)

vue2 では、タイムスタンプを変換するときに、通常はフィルターを使用します。vue3 以降では、...

ReactでのDOM操作の実装

目次前の単語使用シナリオ参照HTML要素クラスコンポーネント機能コンポーネント[DOMノードを親コン...

React.cloneElement の使い方の詳しい説明

目次cloneElementの役割使用シナリオ新しい小道具を追加するプロップを変更するイベントカスタ...