開発者ドキュメント

HTMLを追加する方法あなたのウェブページへの要素

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

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

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

<!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形式です。

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

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

これで、HTMLの目的を理解する必要があります

要素と、それをHTMLファイルに追加する方法。

モバイルバージョンを終了