headタグの使い方を覚える!【1分でわかるHTML編】

headタグの解説HTML

こんにちはみっくです。

今回はHTMLのheadタグについてのお話です。

みっく
みっく

このheadタグは文章の情報を定義するタグです♪

headタグ(ヘッドタグ)とは

みっく
みっく

headタグとは文書の情報が定義されおり、htmlのヘッダー領域にあたります。

それでは、まずはhtmlの構造の確認をしておきましょう。

HTMLの中は、大きくheadタグbodyタグで構成されています。

headタグは上の図のように、html開始タグの直下に記述し、文章の情報を定義します。

またhead内は、基本的にはWEBサイト上には表示されません。

htmlとは何かを確認されたい方は、以下の記事を参考にお願いします。

HTMLとはの解説 HTMLとは【1分でわかるHTML編】

headタグの記述例

HTML

<html>
<head>
<title>パソコンの疑問をズバっと解決します!!</title>
<meta name=”description” content=”パソコンインストラクター歴10年以上のみっくがパソコンのお悩みをズバっと解決!!ワード、エクセル、パワーポイント、MOS、イラストレーター、フォトショップ、HTML・CSS、ワードプレスなどの内容をこれまでの経験を元に解説します♪”>
<link href="css/style.css" rel="stylesheet">
</head>
</html>
メモ

上の例のように、WEBサイト上には表示されないけれども、重要な情報が定義されます。

みっく
みっく

今回は割愛しますが、上の例以外にもたくさんの事が定義されているんですよ!

titleタグ、メタディスクリプションについては、以下の記事を参考にお願い致します。

TITLEタグの解説HTML titleタグの使い方を覚える!【1分でわかるHTML編】 discriptionの解説HTML descriptionの使い方を覚える!【1分でわかるHTML編】

headタグの難易度

みっくのレビュー
難易度
 (1)

html開始タグの直下に記述するシンプルなタグですので、難易度は★1レベルです。

みっぴー
みっぴー

html開始タグのすぐあとから記述するって事ですね♪

headタグの使用頻度

みっくのレビュー
使用頻度
 (5)

すべてのWEBページで使用しますので 、使用頻度は5つレベルです。

さっぴー
さっぴー

必ず使用するって事ですね!

headタグの重要度

みっくのレビュー
重要度
 (5)

htmlを構成する基本的なタグで、中身も含めて非常に大切な要素です。重要度は5つレベルです。

みっく
みっく

HTMLの基本という事で、ぜひ覚えましょう♪

まとめ

headタグとは文書の情報が定義されおり、htmlのヘッダー領域にあたります。

headタグは、html開始タグの直下に記述します。

head内は、基本的にはWEBサイト上には表示されません。

html開始タグの直下に記述するシンプルなタグですので、難易度は★1レベルです。

すべてのWEBページで使用しますので 、使用頻度は5つレベルです。

htmlを構成する基本的なタグで、中身も含めて非常に大切な要素です。重要度は5つレベルです。

みっく
みっく

headタグ自体はシンプルですが、非常に重要な役割を持つタグです♪

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です