.HTML ファイル拡張子
Hypertext Markup Languageファイル
| 開発元 | WHATWG |
| 人気度 |
3.5 | 1877 票 |
HTMLファイルとは?
HTMLファイルには、Webページの構造を整えるHypertext Markup Language(HTML)が含まれています。標準的なテキスト形式で保存され、Webページに表示されるテキスト、表、画像、ハイパーリンクなど、ページのレイアウトと内容を定義するタグが含まれています。HTMLファイルはオンラインで広く使用され、Webブラウザーに表示されます。
詳細情報
HTMLは、WebブラウザーがWebページを解釈して表示できるようにするため、1991年にTim Berners-Leeとその他のCERNの技術者によって導入されました。リリース以降、Web開発の標準となり、HTML 2(1995年)、HTML 3(1997年1月)、HTML 4(1997年12月)、HTML 5(2014年)など、複数回の改訂が行われています。
Web Hypertext Application Technology Working Group(WHATWG)は、HTMLの開発と改良を行っています。このグループは2004年に設立され、Google、Microsoft、Apple、Mozillaなど、主要なブラウザー開発企業で構成されています。
このマークアップ言語には、Webページの構造を構成するHTML要素があります。通常、各要素には、山かっこで囲まれた開始タグ(<tag>)と、山かっこで囲まれ、タグの前にスラッシュが付いた終了タグ(</tag>)が含まれます。
基本的な要素の例を以下に示します。
- <head> - Webページに関するメタデータを含めるために使用するヘッドタグ
- <body> - Webページの本文を定義するボディタグ
- <h1> - Webページにテキスト形式のタイトルを作成するために使用するテキスト見出しタグ
- <p> - Webページの段落を定義するために使用する段落タグ
- <img> - Webページに画像を埋め込むために使用する画像タグ
- <ul> - Webページに箇条書きリストを作成するための順序なしリスト
- <div> - Webページにセクションを作成するために使用する区切りタグ
時間の経過とともに、Cascading Style Sheets(CSS)やJavaScriptなど、Webページを拡張するための他のWeb技術も導入されました。現在のHTML Webページには、CSSまたはJavaScriptのコードや、.CSSまたは.JSファイルへの参照が含まれている可能性が高いです。
Web開発者はHTMLファイルを作成して編集し、それをWebサーバーにアップロードすることがよくあります。Webサーバーは、ユーザーがWebページにアクセスしたときにWebブラウザーによって解析されます。一般的なインターネットユーザーであれば、Webブラウザーがバックグラウンドで解析するため、HTMLのソースコードを見ることはほとんどありません。
ただし、ブラウザーごとの次の手順に従えば、WebブラウザーでWebページのHTMLを表示できます。
- Google Chrome(Windows) - More tools → Developer toolsを選択します
- Google Chrome(Mac) - View → Developer → View Sourceを選択します
- Mozilla Firefox - Web Developer → Page Sourceを選択します
- Microsoft Edge - More tools → Developer toolsを選択します
- Apple Safari - Develop → Show Page Sourceを選択します
注: 静的Webサイト内のほとんどのページには.html拡張子が付いています。一方、動的Webサイト内のページには、.phpまたは.asp拡張子が付いている場合があります。
一般的な.HTMLファイル名
index.html - クライアントのWebブラウザーがWebサーバーのディレクトリを要求したときに読み込まれるメインHTMLファイル、つまりインデックスHTMLファイルです。たとえば、http://www.sampledomain.com/が要求されると、別のファイルを使用するように設定されていない限り、Webサーバーはデフォルトでhttp://www.sampledomain.com/index.htmlを読み込みます。
default.html - Microsoft IISなどのWindows Webサーバーでよく使用されるインデックスファイルです。
HTMLファイルの開き方
HTMLファイルは、さまざまなソースコードエディターやWeb開発アプリケーションで開いて編集できます。Microsoft Visual Studio Code(マルチプラットフォーム)は便利なソースコードエディターで、Adobe Dreamweaver(マルチプラットフォーム)は人気のWeb開発アプリケーションです。
HTML言語はプレーンテキストで保存されるため、Microsoft Notepad(Windows)やApple TextEdit(Mac)などの基本的なテキストエディターでもHTMLファイルを開いて編集できます。ただし、これらのテキストエディターには、開発者がコーディングしやすくなるソースコードエディターやWeb開発アプリに備わっている機能はありません。
Google Chrome(マルチプラットフォーム)、Microsoft Edge(マルチプラットフォーム)、Mozilla Firefox(マルチプラットフォーム)、Apple Safari(MacおよびiOS)などのWebブラウザーでHTML Webページを開くと、プレビューできます。
