「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

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

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

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



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



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



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



実際にはHTMLファイル以外のファイル（画像ファイルとか）も受け渡しされますけどね。
メインとなるファイル、ホームページの中身が書いてあるファイルがHTMLファイルです。

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

HTMLファイルの中身は

１．ヘッダ部
２．ボディ部

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



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



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



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

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

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



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



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



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

以上を踏まえて、いろいろあるmataタグのひとつで

「ページ内にこんなんがあったら、こんな感じで解釈してよ」とスマホ向けの指示を書くmetaタグ

が「format-detection」です。



実際のformat-detectionは、例えば

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

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

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

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

のように書いて、メールアドレスの自動リンク化を無効にしたりもできます。

電話番号やメールアドレスの自動リンク化を無効にする以外の用途で「format-detection」を使うのを私は見たことがありません。
もしかしたら今後いろいろな用途が出てくるかもしれませんけどね。
この説明を書いている時点では、そのような状況です。