●学校情報

講座一覧・募集状況

学習方法

学習サポート

修了生の評価

受講生の横顔

当学院について

入学相談

入学手続

 

●講座情報

SE養成講座

プログラマ養成講座

C言語講座

Java講座

C#講座

VB講座

C++講座

Ruby講座

Python講座

HTML講座

JavaScript講座

PHP講座

応用情報試験講座

基本情報試験講座

ITパスポート試験講座

Excel基礎講座

Excel応用講座

Excelマクロ講座

ExcelVBA講座

Access基礎講座

Access応用講座

 

●関連コラム

関連コラム

関連用語集

 

logo

 

 

関連用語集

<head>タグについて

<head>とは?

<head>タグは、HTML文書の「頭部(ヘッダ)」を定義するためのタグです。
ページの表示には直接現れないメタ情報や、外部ファイルの読み込みなどを記述します。

基本構造


<html>
  <head>
    <meta charset="UTF-8">
    <title>ページのタイトル</title>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>
  <body>
    コンテンツ
  </body>
</html>
  

主な役割

  • HTMLのメタ情報(文字コード・ページ説明など)を記述
  • ページタイトルの設定
  • CSSやJavaScriptなど外部ファイルの読み込み
  • SEO(検索エンジン対策)に関する情報を指定

<head>内で使われる代表的なタグ

  • <meta>:文字コード、キーワード、説明など
  • <title>:ブラウザのタブや検索結果に表示されるタイトル
  • <link>:外部スタイルシートなどの参照
  • <style>:ページ内に直接書くCSS
  • <script>:JavaScriptの記述や外部読み込み
  • <base>:相対パスの基準URLを指定

よく使われる例


<head>
  <meta charset="UTF-8">
  <meta name="description" content="このページの説明">
  <title>サンプルページ</title>
  <link rel="stylesheet" href="style.css">
  <script src="script.js"></script>
</head>
  

注意点

  • <head>タグは<html>内の最初の部分に記述する
  • <title>は必ず1つだけ記述する
  • <meta charset="UTF-8">は最初に記述すると安全

まとめ

  • <head>はページに表示されない設定や情報を記述する場所
  • メタ情報、タイトル、CSSやJavaScriptの読み込みに使う
  • 文書の正確な表示や検索エンジン対策にも関係する
  • ページの構造において重要な役割を持つ

 

HTML関連用語集

−−−−−  HTML  −−−−−

HTMLタグについて

HTMLの要素について

HTMLの属性について

<!DOCTYPE>について

<html>タグについて

<head>タグについて

<title>タグについて

<meta>タグについて

<body>タグについて

<h1>〜<h6>タグについて

<p>タグについて

<a>タグについて

<img>タグについて

<ul>タグについて

<ol>タグについて

<li>タグについて

<div>タグについて

<span>タグについて

<br>タグについて

<form>タグについて

<input>タグについて

<textarea>タグについて

<button>タグについて

<label>タグについて

<table>タグについて

<tr>タグについて

<td>タグについて

<th>タグについて

CSS(Cascading Style Sheets)について

CSS Flexbox(フレックスボックス)について

 

 

学校案内

17,000円の講座から!

質問には24時間以内に返答・質問回数は無制限など万全の学習サポート!

是非ご閲覧下さい!

札幌情報技術学院インターネットカレッジ トップページ