HTMLの最初の要素は何ですか?
HTML文書を作成する際、必ず最初に記述する要素があります。それは <html>
要素です。この記事では、<html>
要素と、それに続く基本的な要素について解説します。
シンプルなHTMLドキュメント
最もシンプルなHTMLドキュメントは、以下のようになります。
<!DOCTYPE html>
<html>
<head>
<title>ページタイトル</title>
</head>
<body>
<p>これはHTMLドキュメントです。</p>
</body>
</html>
このコード例では、以下の要素が含まれています。
要素名 | 説明 |
---|---|
<!DOCTYPE html> |
HTML文書のバージョンを宣言します。この行は必ずHTML文書の最初に記述します。 |
<html> |
HTML文書のルート要素です。この要素はHTML文書の開始を示し、</html> で終了します。 |
<head> |
HTMLページのメタ情報を記述します。このセクションの情報はブラウザに表示されません。 |
<title> |
HTMLページのタイトルを指定します。この情報はブラウザのタブやウィンドウのタイトルバーに表示されます。 |
<body> |
HTMLページのコンテンツを記述します。このセクションの情報はブラウザに表示されます。 |
<p> |
段落を表す要素です。 |
<html> 要素は、HTMLの一番最初の要素です。
上記で述べたように、<html>
要素はHTML文書のルート要素であり、必ず最初に記述する必要があります。この要素は、ブラウザに対してHTML文書であることを示す役割を持ちます。
<head> 要素のは、 HTMLページのメタ情報を記入します。
<head>
要素は、HTMLページに関するメタ情報を記述するセクションです。このセクションには、以下のような情報を含めることができます。
- ページのタイトル
- ページの説明
- 使用する文字コード
- 外部スタイルシートやスクリプトファイルの読み込み
<title> 要素には、HTMLページのタイトルを記入します。
<title>
要素は、<head>
要素内に記述し、HTMLページのタイトルを指定します。この情報はブラウザのタブやウィンドウのタイトルバーに表示されます。
まとめ
HTML文書を作成する際は、<html>
要素を最初に記述し、<head>
要素でメタ情報を、<body>
要素でコンテンツを記述します。これらの要素を理解することで、基本的なHTML文書を作成することができます。
関連QA
Q1: <html>
要素を省略することはできますか?
A1: いいえ、<html>
要素はHTML文書のルート要素であるため、省略することはできません。
Q2: <head>
要素内に記述できるメタ情報は他にありますか?
A2: はい、他にもキーワードや作者情報などを記述することができます。詳細については、HTMLの仕様書をご参照ください。
Q3: <title>
要素の内容はSEOに影響しますか?
A3: はい、<title>
要素の内容は検索エンジン最適化(SEO)において重要な要素の一つです。ページの内容を的確に表すタイトルを記述するように心がけましょう。