menu
menu

キーワード検索

 

前月(10月)の人気記事トップ10

  1. ( 1-) 【CSS Tips】CSSだけでドロップダウンメニュー
  2. ( 2-) 【CSS Tips】CSSだけでサイズ可変・スマホ対応のアコーディオン
  3. ( 3-) 【HTML5】スマホサイトの作成・基本編
  4. ( 7↑) 【HTML5】HTML5・ページ作成の基本
  5. ( 6↑)【jQuery入門】jQueryで日時を表示
  6. ( 5↓) 【jQuery】表示しているブラウザの高さを取得してCSSのheightに指定
  7. ( 4↓) 【CSS Tips】CSSだけでブロック要素の表示非表示(トグルボタン)
  8. ( 8-) 【Mac Tips】MacにInkscapeをインストール
  9. ( 9-) 【MySQL】Windows 10にMySQLをインストール
  10. (10-) 【CSS Tips】スマホサイト向け横にスクロールするナビゲーション

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リファレンス

  • カテゴリー:HTML