<head>要素の定義
英語で「頭部」や「（文章などの）冒頭」を表す、”head”より。
HTML 文書に関する、どちらかというと「機械」向けの情報を記載するための要素が <head> 要素です。
スタイルシートや JavaScript を読み込む際の指定や、検索サイトに表示させるための、ページの概要、モバイル端末で表示した際の縮尺などなど、画面上には直接表示されないものの、重要な情報を記載するための要素です。
子要素として使っても良いもの
一つの <title> 要素を含む、一つ以上のメタデータコンテンツ。具体的には、下記の要素が使用できる。
- <base>
- <link>
- <style>
- <meta>
- <script>
- <noscript>
- <template>
親要素として使えるもの
<html> 要素の最初の子要素として使用できる。
許可されているARIAロール
なし
DOMインターフェース
- HTMLHeadElement
属性
グローバル属性が指定できます。
サンプル
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <meta name="description" content="Webサイトの概要です。"> <meta name="keywords" content="Webサイト,ノウハウ"> <title>Webページの表題を記載します</title> <link rel='stylesheet' href='style.css' /> <script src='main.js'></script> </head> <body> 表示される部分です。内容が入ります。 </body> </html>
このサイトでは、HTML要素や属性の定義は下記サイトを参考にしています。
MDN Web Docs： https://developer.mozilla.org/ja/
W3C仕様の正確な定義、最新情報は上記サイトをご覧ください。
コメント