📄HTMLソース表示

HTMLソースコードとは

HTMLソースコードは、Webページの見出し・本文・画像の位置などをh1（見出し）やp（段落）のようなタグで記述したテキストで、ブラウザはこれを読み取ってページを描画します。

• head要素：head要素には、ページのタイトル（title）、検索結果やSNSで使われる説明文（meta）、読み込むCSSやJavaScriptの指定が書かれます。
• 文字コードの宣言：文字コードはmetaタグのcharset属性（例: charset="UTF-8"）で宣言され、宣言と実際の文字コードが食い違うとページが文字化けします。

ブラウザでページのソースを表示する方法

パソコンのChromeやEdgeでは、ページ上で右クリックして「ページのソースを表示」を選ぶか、Windowsなら「Ctrl+U」、Macなら「Command+Option+U」を押すとソースを表示できます。

• スマホの場合：スマホのブラウザには「ページのソースを表示」のメニューが無いことが多いため、URLを入力してソースを取得するWebツールを使うのが手軽です。

ソースと検証ツールのHTMLの違い

「ページのソース」はサーバーが最初に返したHTMLで、ブラウザの検証ツール（開発者ツール）に表示されるHTMLはJavaScriptの実行後に書き換わった状態です。

• 表示されない要素：JavaScriptで後から追加される広告や一覧などは、サーバーが返したHTMLには含まれないため、ソースを表示しても見つからないことがあります。