meta要素(メタデータの指定)

meta要素は、ウェブページ自体の情報であるメタデータを指定するための要素。http-equiv属性とcontent属性を使用してMIMEタイプを指定することができる。name属性とcontent属性を使用して説明文、キーワードを指定することができる。半角アルファベットの大文字・小文字を区別する。



1. XHTMLのMIMEタイプ / 文字コード

<head>
<meta http-equiv="content-language" 
content="ja" />
<meta http-equiv="Content-Type" 
content="application/xhtml+xml; charset=utf-8" />

※ XHTMLの場合 "application/xhtml+xml" が推奨されている。
(MIMEタイプはHTMLの場合は"text/html")
※ meta要素は空要素(「 />」が必要)。



2. ページタイトル / キーワード / ディスクリプション

<title>webnote.info</title>
<meta name="keywords" 
content="Web,ウェブデザイン" lang="ja" 
xml:lang="ja" />
<meta name="description" 
content="webnote(ウェブノート)は…です。" 
lang="ja" xml:lang="ja" />

※ 属性には「name="keywords"」「content="任意のテキスト"」を記述する。



3. CSS

<meta http-equiv="content-style-type"
content="text/css" />
<link rel="stylesheet" type="text/css" 
href="css/style.css" media="screen,print" />

※ CSSのMIMEタイプは"text/css"。
※ 外部スタイルシートはlink要素を設定し「rel」「type」「href="ファイル名.css"」を使用する(外部JavaScriptの場合は「src="ファイル名.js"」と属性が異なる)。
※ meta要素もlink要素も空要素(「 />」が必要)。



4. JavaScript

<meta http-equiv="content-script-type" 
content="text/javascript" />  
<script type="text/javascript" 
src="js/script.js"></script>

※ JavaScriptのMIMEタイプは"text/javascript"。
※ script要素の属性には「type="text/javascript"」「src="ファイル名"」を記述する(外部CSSの場合は「href="ファイル名.css"」と属性が異なる)。
※ script要素には、終了タグが必要。



5. 作成者情報 / 著作権

<meta name="author" content="ウェブノート" 
lang="ja" xml:lang="ja" />

<meta name="copyright" 
content="Copyright 2012 webnote" />

go to top