menu
menu

meta要素【HTMLリファレンス】 | Webデザインラボ

キーワード検索

11月のアクセストップ10

  1. ( 1-) スマホサイトの作成・基本編
  2. ( 3↑) CSSだけでドロップダウンメニュー
  3. ( 2↓) CSSだけでサイズ可変・スマホ対応のアコーディオン
  4. ( 4-) HTML5・ページ作成の基本
  5. ( 5-) jQueryでドロップダウンメニュー
  6. ( 6-) スマホ・タブレット・PCの振り分けいろいろ
  7. ( 9↑) 表示しているブラウザの高さを取得してCSSのheightに指定
  8. ( 8-) Windows 10にApache2.4 VC11をインストール
  9. ( 7↓) JavaScriptで新しいウィンドウを開く
  10. (-↑) CSSだけでブロック要素の表示非表示(トグルボタン)
  • facebook2
  • はてなブックマーク3
  • Google+3
  • Pocket0
  • Twitter0

meta要素【HTMLリファレンス】

  • HTML

meta要素

こんにちは(・∀・)

 HTMLの要素をご紹介します。今回ご紹介するHTML要素はmetaです。

概要

 meta要素はページの情報(使用する言語や文字コード・概要・キーワード等)を示す要素です(終了タグがない空要素です)。head要素の中に記述します。

汎用属性

 id、class、lang、title、style、dir、tabindex、accesskey、contenteditable、spellcheck、draggable、contextmenu、hiddenの各属性を指定することができます。(汎用属性について)

カテゴリー

 メタデータ・コンテンツ (カテゴリーについて)

要素の配置

 head要素内

要素の内容

 空要素


属性名 解説
charset utf-8
euc-jp
shift-jis
charset属性にHTML文書で使用する文字コードを指定。
*文字コードをここで指定したらhttp-equiv="content-type"で文字コードの指定はできません。
http-equiv content-type ファイルタイプや文字コードを指定します。HTML文書の場合はcontent="text/html"と指定します。文字コードを指定するとcharset属性の代わりになります。
content-language コンテンツの主要言語を指定します。
日本語はcontent="ja"、英語はcontent="en"等。
default-style デフォルトスタイルを指定します。content="default.css"のように記述して、初期値のスタイルシートを指定します。この指定があればlink要素で複数のスタイルシートが指定されていても他より優先されます。
refresh ページのリロードやジャンプ。秒数やURLを指定します。
name author 作者情報を記述。
copyright コピーライトを記述。
keyword ページのキーワードを記述。
description ページの概要を記述。
robots 検索エンジンのロボットへの指示を記述。
generator 編集に使用したアプリケーションを記述。
application-name ページがウェブアプリケーションの場合記述。
content - name属性やhttp-equiv属性で定義された内容をcontent属性で指定します。
charset

<meta charset=utf-8">
<meta charset=euc-jp">
<meta charset=shift_jis">
http-equiv

<meta http-equiv="content-type" content="text/html; charset=iso-2022-jp">
<meta http-equiv="content-type" content="multipart/alternative; charset=iso-2022-jp">
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8">
<meta http-equiv="refresh" content="5">
<meta http-equiv="refresh" content="5;url=http://example.com/">
name

<meta name="keywords" content="キーワードはカンマ(,)で区切って複数指定することができます">
<meta name="description" content="ページの概要を記述します">
<meta name="robots" content="noindex,nofollow,noarchive">
  • カテゴリー:HTML
  • facebook2
  • はてなブックマーク3
  • Google+3
  • Pocket0
  • Twitter0