[ 通常表示 ]  [ 簡易表示 ]  [ シンプル表示 ]

「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典イメージぴよ画像「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

format-detection【metaタグ】

pointこの用語のポイント

pointホームページに関する説明書きだよ

pointHTMLファイルのヘッダ部に記述するよ

point「電話番号とかを勝手にリンクにするな!」な指示情報を書くよ

スポンサーリンク

簡単に書くよ

format-detection【metaタグ】とは

metaタグのひとつ
であり

ホームページのファイル(HTMLファイル)に書く「スマホで見たときにさ~。電話番号とかメールアドレスを勝手にリンクにするな!」な指示情報のこと
です。
もう少し正確に書くと

HTMLファイルに書く「スマホで見たときにさ~。例えば数字が並んでいたら電話番号扱いにしたり、書式を勝手に解釈して変な処理してくれるじゃん?そこについて一言言っておきたいんだけど~」な指示情報のこと
です。

image piyo

詳しく書くよ

順番に見ていきましょう。
まずは「HTMLファイル」と「metaタグ」について簡単に説明します。
「そんなの説明されなくても知ってるよ!」な人は、適当に読み飛ばしてください。

HTMLファイルは、ざっくり説明すると「ホームページファイル」です。

あなたがホームページを見ようとすると、まず、ホームページを見るときに使うソフトWebブラウザ)からホームページのファイルが置いてあるコンピュータ(Webサーバ)に対して「このページをおくれ」なお願いが出されます。

format-detection

そのお願いに対して、WebサーバさんからWebブラウザさんに「ほれ、そのページだよ」とお返事がきます。

format-detection2

お返事を受け取ったWebブラウザさんは、受け取った内容(ホームページのファイル)を画面上に表示してくれます。

format-detection3

この流れにおいて受け渡しされるファイルがHTMLファイルです。

format-detection4

metaタグは「人の目には見えない、ホームページに関する説明書き(を書くときに使う目印)」です。

HTMLファイルの中身は

1.ヘッダ部
2.ボディ部


の2つで構成されています。

format-detection5

ヘッダ部に書かれているのは、そのHTMLファイルの説明書きです。
例えば「どんな種類の文字で書かれていますよ~」や「このファイルのタイトルは○○ですよ~」といった内容が書かれています。

format-detection6

ボディ部に書かれているのは、そのHTMLファイルの中身です。
ここに書かれている内容がHTMLファイルの本体と言えるでしょう。
みなさんがホームページを見たときに表示される内容が書かれています。

format-detection7

metaタグは、HTMLファイルのヘッダ部に

<meta name="hoge" content="ほげほげ">

のような形式で書く「そのページの説明書き」です。

format-detection8

あるいは、その説明書きを書くときに使う目印「<meta ~ >」が「metaタグ」です。

format-detection9

metaタグに書かれている内容は、人間様には見えません。
Webブラウザさんや、ホームページの情報を収集して回っているプログラム検索エンジン)に向けて書かれる情報です。

format-detection10

metaタグには、いろいろな種類があります。
また、日々増えています。

以上を踏まえて、いろいろあるmataタグのひとつで「ページ内にこんなんがあったら、こんな感じで解釈してよ」とスマホ向けの指示を書くmetaタグが「format-detection」です。

format-detection11

実際のformat-detectionは、例えば

<meta name="format-detection" content="telephone=no">

のように書きます。
この例では「電話番号っぽくてもリンクにするな!」と言っています。
スマホでホームページを見た場合、電話番号っぽい数字の並びがあれば、ブラウザさんが勝手にリンクにして、それを押すことで電話を掛けることができるようにしてくれますよね。
それが余計なお世話だから止めろ!と指示しています。

ちなみに、一番よく使われるのは電話番号に対する指定ですが、例えば

<meta name="format-detection" content="address=no,email=no">

のように書いて、メールアドレスの自動リンク化を無効にしたりもできます。
というか、電話番号やメールアドレスの自動リンク化を無効にする以外の用途で「format-detection」を使うのを、私は見たことがありません。

もしかしたら今後いろいろな用途が出てくるかもしれませんけどね。
2014年2月現在は、そのような状況です。

image piyo2

一言でまとめるよ

まぁ「format-detection」って単語が出てきたら「電話番号とかを勝手にリンクにするなって指定してるんだな~」と、お考えください。

一番上に戻るよ
スポンサーリンク