学びBAR
  • Home
  • WEB関連知識のスキルアップ
    • Udemy 開催講座 >
      • HTML,CSSルール基礎知識 >
        • Udemy 1800円受講クーポン
  • ストリートアカデミー講座
    • HTMLルール基礎 4h テキストダウンロード
  • 学びBARについて
  • コラム
  • お問合せ
HOME / WEB関連知識のスキルアップ / HTMLクイック・リファレンス / HTML5(目的別) / <head>

HTML5  <head>

<head>タグは、文書のヘッダ情報を表す際に使用します。 ヘッダ情報とは、その文書に関する情報のことです。 head要素を正確に定義するなら、「そのHTML文書に関するメタデータを集めたもの」ということになります
メタデータとは、その文書に関する情報のことで、 例えば、 <title>(タイトル)・ <base>(基準URL)・ <link>(リンク情報)・ <style>(スタイルシート)・ <meta>(メタデータ) などが挙げられます。 これらのメタデータを表すタグは、すべて<head>~</head>の中に配置します

■HTML4.01からHTML5へのバージョンアップによる変更点

HTML5では、head要素のprofile属性が廃止されています。
head要素のprofile属性はメタデータのプロファイルを定義したファイルのURIを指定するための属性でした。
メタデータのプロファイルとは、meta要素のname属性で指定するname="author"やname="description"などの値が、 何を意味しているのかを定義したものです。
​head要素のprofile属性は、ほとんど利用されていませんでしたが、HTML5では廃止される予定です

■使用例

HTMLソース
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<base href="https://www.htmq.com/">
<title>HTML文書のサンプル</title>
<link rel="stylesheet" href="default.css">
<link rel="stylesheet alternate" href="bigtext.css" title="大きな文字">
<meta name="author" content="HTMQ">
<meta name="keywords" content="HTML,スタイルシート,特殊文字,リファレンス">
<meta name="description" content="HTMLタグ・スタイルシートの早見表">
<meta name="robots" content="all">
<script src="functions.js"></script>
</head>
<body> ~ </body>
</html>
HOME                      ABOUT                      SERVICES                      UPDATES                     CONTACT
画像
1996-2024(c)Cre'ps design lab.  All rights reserved.
  • Home
  • WEB関連知識のスキルアップ
    • Udemy 開催講座 >
      • HTML,CSSルール基礎知識 >
        • Udemy 1800円受講クーポン
  • ストリートアカデミー講座
    • HTMLルール基礎 4h テキストダウンロード
  • 学びBARについて
  • コラム
  • お問合せ