このチュートリアルでは、<head>要素をWebページに追加する手順を説明します。これにより、Webドキュメントのに関する機械可読情報を含めるためのセクションが作成されます。 この情報は、主にブラウザや検索エンジンがページのコンテンツを解釈するために使用します。 <head>要素内に配置されたコンテンツは、Webページに表示されません。

:HTML <head>要素はセマンティック要素であり、ブラウザーと開発者にの意味または目的[そのコンテンツのX154X]。 セマンティック要素は、HTMLドキュメントの人間による読みやすさを支援し、コンテンツを解釈するための詳細情報をブラウザに提供し、サイトのアクセシビリティを向上させ(スクリーンリーダーはセマンティックタグを使用)、SEOの位置付けを支援するために使用されます。

<html>タグ内に開始および終了<head>タグを追加します。 次に、次のように<head>タグ内にHTMLコードを2行追加します。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Sammy’s First Website</title>
  </head>
</html> 

さまざまなHTML要素を相互にネストしていることに注意してください。 The<title><meta>要素は内部にネストされています要素、および<head>要素は内部にネストされています<html>エレメント。 チュートリアルが進むにつれて、要素を頻繁にネストします。

ここで、少し一時停止して、追加したコードの目的を理解しましょう。 <head>タグを開いた後のコード行(<meta charset="utf-8">)は、ドキュメントの文字セットをUTF-8に指定します。これは、さまざまな書記言語の文字の大部分をサポートするUnicode形式です。

次のコード行は、<title>要素を使用してHTMLドキュメントのタイトルを設定します。 この要素に挿入したコンテンツは、ブラウザタブに表示され、検索結果にWebサイトのタイトルとして表示されますが、Webページ自体には表示されません。 「サミーの最初のウェブサイト」をあなたの名前またはあなたが構築しているウェブサイトの名前に置き換えてください。

開発者は<head>セクションに追加情報を追加することがよくありますが、基本的なHTMLWebページを作成するための十分な情報が得られました。 次のセクションに進む前に、ファイルを保存してください。 ブラウザにファイルをロードしようとすると、空白のページが表示されます。

これで、HTMLの目的を理解する必要があります要素と、それをHTMLファイルに追加する方法。