時代遅れのHTMLスニペットとアーティファクト
Antiquated HTML Snippets and Artefacts (vale.rocks)
要約
ウェブは常に変化しており、HTMLも例外ではありません。この記事では、ブラウザ競争、ベンダー拡張機能、プラットフォーム固有のハックなど、サードパーティの統合に対処するためにウェブサイトに組み込まれ、現在では忘れ去られた、時代遅れのHTMLスニペットやメタタグに焦点を当てています。これらは、かつては必要でしたが、現代のウェブ開発ではほとんど意味をなさなくなっています。
全文翻訳
時代遅れのHTMLスニペットとアーティファクト
デバイス、ブラウザ、オペレーティングシステム、フォームファクター、仕様、個人の好み、ツール、企業の関心事などが絶えず変化する中で、ウェブは常に流動的な状態にあります。その結果、私たちが書くHTMLも同様です。HTML仕様自体がその誕生以来変更された行の数よりも、私が「環境的」変化と呼ぶものを経験したHTMLのビットの方がはるかに多く存在します。異なるブラウザ、拡張機能、統合、システムへの適応により、HTMLはそれらの中に存在することになります。
この記事では、かつて仕様に載っていたが現在は廃止されたHTMLのビットではなく、サードパーティの統合、ブラウザ間の競争、ベンダー拡張機能、プラットフォーム固有のハックの結果として、あるいはそれらに対抗するために、ウェブサイトに紛れ込んだすべてのスニペットを見ていきます。理由があって含められたが、現在の無関係さのために忘れ去られたHTMLのビット。過去の時代のマークアップと、ブラウザ戦争中に戦った人々の心の中にのみ生き残っているスニペットです。
X-UA-Compatible
<meta http-equiv="X-UA-Compatible" content="IE=edge">
ブラウザが急速に変化し、バージョン固有の動作が珍しくなかった時代には、X-UA-Compatibleメタタグを使用して特定のブラウザバージョンとの互換性を示すことが必要だと考えられました。ここでは、content属性はIE=edgeと読み取られ、これはInternet Explorer(IE)でサポートされている最も高いドキュメントモードをターゲットにすることを意味します。
ドキュメントに概説されているように、edge以外の値も存在します。関連するInternet Explorerのバージョンに対応するために5から11までの値を指定したり、有効なDOCTYPEが宣言されている場合はEmulateIE7からEmulateIE11を入力してそのバージョンのモードに入ったりすることもできますが、そうでない場合は互換モードにフォールバックします。
<meta http-equiv="X-UA-Compatible" content="chrome=1">
Chromeが市場を席巻する前、GoogleはGoogle Chrome FrameというInternet Explorerプラグインをリリースしました。Internet Explorerバージョン6から9にインストール可能で、タグが設定されている場合、Internet ExplorerのTridentエンジンではなくChromeの変更されたWebKitエンジンでウェブサイトをレンダリングしました。
<meta http-equiv="X-UA-Compatible" content="requiresActiveX=true">
requiresActiveXは、Metroモードでプラグインをサポートしていなかった場合に、Internet Explorer 10にデスクトップモードに切り替えるよう促すために使用されました。
ICBM座標
<meta name="ICBM" content="-31.9548, 115.8602">
ICBM(「大陸間弾道ミサイル」の略)は、Usenet時代に遡る地理的位置を示すハッカースラングです。このメタタグは、ウェブサイトの主題の地理的位置を特定するために使用され、GeoURLサービスによって、サイトを地図上にプロットしたり、地理的に近いサイトを見つけたりするために参照されていました。
Hypeタグ
<hype>
<hype>タグは非常に知られていないタグで、2026年現在オンラインでの言及が非常に少ないことからもわかるように、ごく少数の人しか知りません。これは、興奮という意味での「hype」ではなく、「ハイパーメディア」を意味します。
このタグは、スピーカーが付いたドキュメントアイコンであるinternal-gopher-soundアイコンとして表示され、クリックするとMosaicの共同著者でNetscapeの共同創設者(後にドナルド・トランプの側近となった)であるMarc Andreessenが「What is global hypermedia?」と言っている「hype」というタイトルのオーディオクリップが再生されます。このオーディオは、1990年代初頭にNCSA Mosaicの機能をデモンストレーションし、World Wide Webの概念を説明するために使用されたデモンストレーションドキュメントに埋め込まれた長いクリップから来ています。このクリップは、初期バージョンのNetscape Navigatorでabout:hypeにナビゲートすることでも見つけることができました。1
このタグは、Mosaic/NetscapeおよびMozillaで有名なJamie Zawinskiによって、Laura Lemayのブログ記事「Top ten HTML extensions that didn’t make it into Netscape 0.9」に続いて実装されました。彼とのやり取りで、私は「What is global hypermedia?」はオフィスで「皮肉なキャッチフレーズ」だったと知らされました。Netscapeのソースコード(/lib/layout/laytags.c)に注記されているように:
/*
* The hype tag is just for fun.
* It only effects the UNIX version
* which can affor to have a sound file
* compiled into the binary.
*/
<hype>は、Mosaic/Netscapeがブラウザに出荷した仕様外のHTML要素の1つであり、彼らはそれを悪名高く行っており、「多くの人々を非常に怒らせ、広く悪い動きと見なされた」ものです。特に、Mosaicは仕様にない<img>を出荷し、Navigatorは<blink>を出荷しました。
Blinkタグ
<blink>ここにテキスト</blink>
最も悪名高い仕様外のHTMLタグの1つであり、公式に仕様化された「廃止された」marquee要素と共にしばしば言及される<blink>タグは、Netscape Navigatorで導入され、HTML仕様でステータスを得ることはありませんでした。タグの内容は、予想通り、点滅し、永遠に表示されたり消えたりしました。人々はこのタグを、不快で、けばけばしく、愚かだと考えて、ほとんど嫌っていました。
HTML編集レビューボード(ERB)の会議で、Netscapeは「Microsoftが<marquee>を削除する条件で<blink>を削除することに同意した」と述べました。Netscapeはその約束を守り、ブラウザからblinkタグを削除しましたが、Microsoftは<marquee>を削除せず、ブラウザ全体で広くサポートされ続けています。<blink>のサポートは、2013年にそれをサポートしていた最後の主要ブラウザから最終的に削除されました。それは、text-decorationのblink値でかろうじて生き残っています。
<!--[if gte IE 6]>
<p>Internet Explorer 6以降でのみ表示されます。</p>
<![endif]-->
ブラウザが定期的に変更され、激しいブラウザ戦争が繰り広げられていた時代には、特定のブラウザまたはそのバージョンをターゲットにすることが重要でした。MicrosoftはInternet Explorerで、スニペットに見られるように特別にフォーマットされたコメントでこれを処理しました。これらの条件付きコメント、または略して「condcoms」は、多くの演算子を使用して記述および洗練することができました。
| 演算子 | 説明 |
|---|---|
IE | Internet Explorerを示します。バージョンを含めることもできます。例: IE 7。 |
lt | より小さい。 |
lte | 以下。 |
gt | より大きい。 |
gte | 以上。 |
! | NOT。 |
& | AND。 |
| ` | ` |
() | 部分式の演算子。 |
true | 常にtrueと評価されます。 |
false | 常にfalseと評価されます。 |
<!--&{navigator.appName == 'Netscape'};
<p>Netscapeでのみ表示されます。</p>
-->
<!--&{navigator.platform == 'win95'};
<p>Windows 95上のNetscapeでのみ表示されます。</p>
-->
Netscapeは、開いているコメントタグの直後にJavaScriptエンティティを使用して、条件付きコメントを処理する独自の方法を持っていました。trueと評価された場合、コメントは含まれます。falseの場合は、単なるコメントになります。Netscape以外のブラウザは常にそれを単なるコメントとして扱いました。
<meta name="MSSmartTagsPreventParsing" content="TRUE">
Smart Tagsは、MicrosoftがInternet Explorer 6のベータ版で実験したシステムで、ページに自動的にハイパーリンクを挿入しました。2 Microsoftが示した例では、「Smart TagはWeb上の主要企業の名前を検出してタグ付けし、株価や企業情報にアクセスできるようにする可能性があります」とのことでした。サイト所有者は激怒し、オプトアウトを可能にするためにMSSmartTagsPreventParsingメタタグが導入されました。この機能はInternet Explorerの正式リリースには至りませんでしたが、Microsoft Wordには実装されました。
PICS
<meta
http-equiv="PICS-Label"
content='
(PICS-1.1 "http://www.gcf.org/v2.5"
labels on "1994.11.05T08:15-0500"
until "1995.12.31T23:59-0000"
for "http://w3.org/PICS/Overview.html"
ratings (suds 0.5 density 0 color/hue 1))
'
>
1990年代半ば、World Wide Web Consortium(W3C)は、Platform for Internet Content Selection(PICS)と呼ばれるインターネットコンテンツにラベルを付けるための技術仕様のセットを確立しようとしました。PICSは多くのフィルタリング製品に組み込まれ、バージョン3以降のInternet Explorerにも組み込まれました。表示されているメタタグは、ページにラベルを付けるために含めることができました。
予想通り、多くのサイト所有者は嘘をつき、サイトを誤って分類しました。さらに多くのサイトがタグを追加しませんでした。Protocol for Web Description Resources(POWDER)がPICSの後継となりましたが、その意図も成功しませんでした。PICSは2003年までにほぼ完全に廃止されました。
ページ遷移
<meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=12)">
<meta http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=12)">
Microsoft PowerPointやApple Keynoteのようなスライドデッキアプリケーションがトランジションを設定できる能力と同様に、バージョン4から8までのInternet Explorerは、上記タグをトランジションスタイルのエフェクトにサポートしていました。この機能は、View Transition APIが採用されるまで、公式にはWebプラットフォームに到達しませんでした。Web開発者のBramusは、Internet Explorerのトランジションを新しいView Transition APIに移植しました。
フレームバスター
<meta http-equiv="Window-target" content="_top">
1990年代半ばのNetscape Navigatorから始まり、Internet Explorerや他のブラウザにも広まったこの非標準メタタグは、ページがフレーム内にロードされた場合に、親ページから抜け出してスタンドアロンのブラウザウィンドウとして開く原因となりました。これは、自分のページが他のサイトのフレームに埋め込まれるのを防ぐために人々によって広く使用されていました。_top Window-targetは、ページがトップレベルウィンドウでロードされることを指定します。現代では、人々はページが埋め込まれるのを防ぐためにセキュリティヘッダーを使用しています。
Baiduページトランスコーディング
<meta name="applicable-device" content="pc,mobile">
<meta http-equiv="Cache-Control" content="no-siteapp,no-transform">
Baidu Browser(百bǎi度dù浏liú览lǎn器qì)は、モバイルでページ「トランスコーディング」機能を含んでおり、これは非常に不評でした。ウェブサイトはtranscoder.baidu.comを経由してルーティングされ、変更されました。レイアウトは再構築され、スタイルは剥奪され、画像は圧縮され、ブランディングは削除され、サイト上の広告は削除される一方で、Baidu Union(百bǎi度dù联lián盟méng)の広告が挿入されました。これはサイトに大きな混乱をもたらしました。これらのタグのいずれかが、2012年から2018年まで、このトランスコーディングが行われるのをオプトアウトするためにサイトに追加されていました。
Skypeツールバー
<meta name="skype_toolbar" content="skype_toolbar_parser_compatible">
Internet Explorer、Chrome、Firefox向けの「Skype Toolbar」(後に「Skype Click to Call」)というアドオンがありました。2000年代半ばから2010年代半ばまで利用可能で、Skypeと一緒に自動的にインストールされ、ページ上の電話番号を検出し、クリック可能なアイコンを表示しようとしました。このアイコンにより、Skype経由で番号を呼び出したり、Skypeアドレス帳に追加したり、その他のSkype関連機能を使用したりできました。アイコンを挿入する際に、ページのレイアウトが壊れることがよくあったため、開発者はサイトでこれを無効にするために上記のタグを含めていました。
この拡張機能はFirefoxでも非常に不安定であり、Mozillaは2011年にそれを明示的にブロックしました。
画像ツールバー
<meta http-equiv="imagetoolbar" content="no">
Internet Explorer 6は画像ツールバーを追加しました。これは画像の上に表示され、画像の保存や共有などのアクションボタンを表示しました。開発者は当然、サイトへのこの侵入を嫌い、上記のメタタグでこの機能を無効にすることができました。
ClearType
<meta http-equiv="cleartype" content="on">
ClearTypeは、タイポグラフィの可読性を向上させるためのMicrosoftのシステムです。このタグは、低解像度デバイス、特にPocket Internet Explorer / Internet Explorer Mobileを実行しているデバイスでタイポグラフィをより良く見せるためにページに含めることができました。
AJAXクロール
<meta name="fragment" content="!">
Googleは以前、ページをクロールする際にJavaScriptを実行しなかったため、AJAXベースのコンテンツを持つサイトはインデックス化されませんでした。このメタタグは、Googleのクローラーに_escaped_fragment_クエリパラメータを付けてページをリクエストするように指示し、ページのコンテンツのHTMLバージョンが返されることが期待されました。Googleは2009年にこのアプローチを推奨し始め、2015年に推奨を停止しました。
ディレクトリロボット
<meta name="robots" content="noodp, noydir">
ウェブディレクトリは、人々がインターネット上のコンテンツを見つける方法として、かつては非常に人気がありました。最も人気のある2つはYahoo DirectoryとDMoz(URL directory.mozilla.orgにちなんで名付けられました)でした。ディレクトリはサイトの独自のタイトルと説明を書き込むことがあり、一部の検索エンジンで使用されていました。検索エンジンに、ディレクトリから提供されたメタデータではなく、ページに提供されたメタデータを使用するように指示するために、開発者は上記のメタタグを含めていました。両方のディレクトリは現在廃止されており、このスニペットは無関係になっています。
Webアプリ名
<meta name="application-name" content="App Title">
application-nameは、Progressive Web Apps(PWA)が確立される前に、さまざまなブラウザでさまざまなWebアプリ実装によって使用されていました。欠落している場合、システムは通常<title>にフォールバックしました。
Internet Explorerのピン留めサイト
<meta name="msapplication-tooltip" content="Visit our site!">
<meta name="msapplication-starturl" content="./">
<meta name="msapplication-window" content="width=1024;height=768">
<meta name="msapplication-navbutton-color" content="#FF3300">
<meta name="msapplication-task" content="name=Blog;action-uri=/blog;icon-uri=/favicon.ico">
Windows 7上のInternet Explorer 9以降には、サイトをタスクバーにピン留めする機能がありました。ピン留めされた場合、サイトはオペレーティングシステムとブラウザレベルで一部のサイト機能(現代のプログレッシブWebアプリのようなもの)を公開できました。msapplication-tooltipはサイトのアイコンにカーソルを合わせたときに表示されるテキスト、msapplication-starturlはピン留めされたサイトのルートURLを設定し、msapplication-windowは開かれたときにピン留めされたサイトのウィンドウの初期サイズ(最小幅800px、高さ600px)を設定し、msapplication-navbutton-colorはブラウザクロームの戻る/進むナビゲーションボタンのカスタムカラーを設定し、msapplication-taskは、タスクバーのピン留めされたサイトを右クリックしてアクセスできるクイックアクションを定義するために使用されました。例えば、ブログページへのクイックリンクです。
Microsoft Web Apps
<meta name="msapplication-TileColor" content="#FF3300">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="msapplication-square70x70logo" content="/images/small-tile.png">
<meta name="msapplication-square150x150logo" content="/images/medium-tile.png">
<meta name="msapplication-wide310x150logo" content="/images/wide-tile.png">
<meta name="msapplication-square310x310logo" content="/images/large-tile.png">
<meta name="msapplication-config" content="/browserconfig.xml">
以前に言及されたピン留めサイト機能と非常によく似ていますが、これらの値はプレゼンテーションに使用されました。msapplication-TileColor、msapplication-TileImage、およびさまざまなmsapplication-square*とmsapplication-wide*属性を持つタグは、デスクトップUI、Metro UI、Windows Mobileを含む、さまざまなバージョンのWindows全体でタイルのテーマ設定に使用されました。
<meta name="msapplication-badge" value="frequency=360;polling-uri=https://contoso.com/BadgeUpdate.aspx">
msapplication-badgeは、サイトのライブタイルに表示される通知のためにポーリングされるWebアドレスを定義するために使用されました。
Chromeのピン留めサイト
<meta name="application-url" content="https://vale.rocks">
Google Chromeには、開始URLにapplication-urlを使用するピン留めWebアプリ機能がありました。
Safariのピン留めサイト
<link rel="mask-icon" href="icon.svg" color="green">
Safariのピン留めサイト/タブは、「ユーザーがお気に入りのウェブサイトを開いたまま、実行し、簡単にアクセスできるようにする」ことを可能にしました。ピン留めタブ用のSVGアイコンは、アイコンが使用する色と共に宣言できました。
CRXレスWebアプリ
<link rel="chrome-application-definition" href="application_definition.json">
CRXレスWebアプリは、Google Chromeでホストされたアプリを記述するためにオンラインマニフェストを使用できるアプリケーションでした。上記のメタタグは、マニフェストを含むJSONファイルにリンクしていました。
{
"name": "Application",
"description": "Description describing the app.",
"launch_url": "index.html",
"launch_container": "panel",
"icons": {
"128": "128.png"
},
"permissions": ["notifications"]
}
これらのCRXレスアプリは、完全な.crx形式のChrome拡張機能を使用せずに、JSONマニフェストとアイコンだけでChrome Web Storeで配布できました。このタイプのアプリは後に「Chrome Apps」と改名されましたが、現在段階的に廃止されています。
iOS Webアプリ
<link rel="apple-touch-icon" href="/custom_icon.png">
<link rel="apple-touch-startup-image" href="/splash.png">
<meta name="apple-mobile-web-app-title" content="App Name">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
サイト所有者がiOSのホーム画面に追加されたときにウェブサイトの体験をカスタマイズできるようにするために、Appleは上記メタタグを導入しました。アイコン、起動画像、タイトルは自明ですが、apple-mobile-web-app-capableはブラウザクロームを無効にし、apple-mobile-web-app-status-bar-styleはオペレーティングシステムのステータスバーを3つの可能な値のいずれかに設定できるようにしました。
default- 白い背景に黒いテキストとアイコン。black- 黒い背景に黒いテキストとアイコン。black-translucent- ウェブページの背景色から取得された背景色に白いテキストとアイコン。
これらのメタタグは、現代のPWA定義によって廃止されました。
<meta name="apple-touch-fullscreen" content="yes">
apple-touch-fullscreenはiOS 2の初期デモで一部使用されましたが、Appleのドキュメントではapple-mobile-web-app-capableのみが反映されています。これらの初期デモに存在したため、apple-touch-fullscreenは機能がリリースされる前に普及し、Appleがそれをapple-mobile-web-app-capableのエイリアスにしたようです。
UC BrowserとQQ Browser
<meta name="screen-orientation" content="portrait">
<meta name="x5-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta name="x5-fullscreen" content="true">
UC BrowserとQQ Browserは、データ節約と低価格デバイスへの最適化により、2010年代初頭から半ばにかけてアジアで特に人気がありました。UC Browserはscreen-orientationを使用して特定のディスプレイ向きを強制し、full-screenを使用してブラウザのクロームを非表示にしていました。QQ Browserも同様でしたが、x5-orientationとx5-fullscreenを使用しました。これらのメタ名の「X5」は、TencentのX5ブラウザエンジンを指します。標準のフルスクリーンおよびオリエンテーションAPIと、より高性能なブラウザの普及により、これらのメタタグは不要になりました。
PDA最適化
<meta name="HandheldFriendly" content="true">
<meta name="MobileOptimized" content="320">
サイトが小画面にきれいにスケーリングするようにするための<meta name="viewport" content="width=device-width">が普及する前は、これらのタグがモバイルコンテンツに広く使用されていました。HandheldFriendlyはAvantGoのために作成され、その後Blackberry Browserに広まりました。一方、MobileOptimizedはMicrosoftの考案物で、Windows Mobileの古いバージョン向けでした。
Internet Explorerのタップハイライト
<meta name="msapplication-tap-highlight" content="no">
このスニペットは、Internet Explorer 11でリンクをタップしたときのハイライトを停止します。これは-webkit-tap-highlight-colorに似ていましたが、そのプロパティとは異なりブール値であり、色を変更することはできませんでした。
Revisit-After
<meta name="revisit-after" content="7 days">
Vancouver Webpagesというウェブサイトは、「searchBC」(BCは「British Columbia」の略)というニッチな地域検索システムを運営しており、このタグを使用してサイトを再スクレイピングする頻度を知っていました。しかし、これはこのタグの唯一知られている使用例でした。Googleを含む主要な検索エンジンによって使用された証拠はありません。それにもかかわらず、それは何らかのSEOの神話のように広まり、ウェブ全体で perpetuation されました。
ページプリレンダリング
<link rel="prerender" href="https://example.com">
Chromeのバージョン13から62でのみ完全にサポートされ、仕様化されていませんでしたが、これはユーザーがページに移動したときに準備ができるようにページを取得して処理しました。この機能はSpeculation Rules APIに置き換えられました。
Accelerated Mobile Pages (AMP) バージョン
<link rel="amphtml" href="https://example.com/amp.html">
Accelerated Mobile Pages(AMP)は、コンテンツの読み込みを高速化するために最適化されたページの再構築バージョンでした。このタグは、ページのAMPバージョンへのリンクに使用されていましたが、Accelerated Mobile Pagesはもはや広く使用されておらず、Googleもそれらを推進していないため、タグは不要になりました。
<footer role="contentinfo"></footer>
Safari 13より前は、contentinfoランドマークロールがVoiceOverに適切に公開されていませんでした。これは重大なアクセシビリティの問題でした。これを解決するために、開発者はページのフッターに明示的にroleを設定していました。
Internet Explorerのリーディングビュー
<meta name="IE_RM_OFF" content="true">
Internet Explorer 9以降、「リーディングビュー」が導入されました。ブラウザクロームに表示されるボタンを押すことで、読書に適したページの簡略化されたバージョンを取得できました。ページは、上記のメタタグを含めることで、このボタンが表示されないようにオプトアウトできました。
FrontPage
<!--webbot bot="Timestamp" s-type="EDITED" s-format="%B %d, %Y" startspan -->
<!--webbot bot="Timestamp" i-checksum="54321" endspan -->
<!--webbot bot="TableOfContents" s-component-title="Site Map" s-starting-point="index.htm" s-heading-level="3" startspan -->
<!--webbot bot="TableOfContents" endspan -->
<!--webbot bot="HitCounter" u-custom i-digits="6" startspan -->
<!--webbot bot="HitCounter" endspan -->
<!--webbot bot="PurpleText" preview="TODO: Replace product prices before launching sale page." startspan -->
<!--webbot bot="PurpleText" endspan -->
Microsoft FrontPageはWYSIWYGウェブサイト作成ツールでした。他のコードの中でも、WebBot Components(上記のようなもの)を挿入しました。それらはコメントとしてマークアップされていたため、ページに直接表示されることはありませんでしたが、FrontPage Server Extensions(FPSE)によって処理され、FrontPageのエディタで使用されました。これらのWebBotコンポーネントの多くが存在し、開発者はFrontPage Software Developer’s Kitを使用して独自のコンポーネントを作成することができました。
Really Simple Discovery
<link rel="EditURI" href="https://example.com/xmlrpc.php?rsd" type="application/rsd+xml" title="RSD">
Really Simple Discovery (RSD)は、ブログを管理するためのサービスをクライアントに公開するためのシステムでした。ヘッドのリンクは、Windows Live Writer、BlogJet、MarsEditなどのツールが接続できるエンドポイントを含むXMLドキュメントに誘導しました。WordPress、Blogger、LiveJournal、TypePad、MediaWikiなど、さまざまなプラットフォームで実装されました。現代のパブリッシングシステムは一般的にこれを非推奨にしています。
Pingbacks
<link rel="pingback" href="https://example.com/xmlrpc.php">
Pingbacksは、サイトが他のサイトにリンクしたときに通知するシステムでした。pingを受信したサイトは、pingを送信したサイトに実際にリンクが存在するかどうかを確認し、ページに「[ウェブサイト名]がこのページにリンクしました」のようなメモを作成しました。それらは、WebMentionsが機能する方法といくぶん似ていました。
残念ながら、pingbacksはすぐにスパムやSEOゲーミングの手段となり、流行らなくなりました。サイトがDDoS攻撃に巻き込まれる脆弱性も広く悪用されるようになりました。
<link rel="image_src" href="https://example.com/post/image.png">
<link rel="audio_src" href="https://example.com/post/audio.mp4">
<link rel="video_src" href="https://example.com/post/video.mp4">
FacebookがOpen Graphを作成する前は、埋め込みに使用されるメタデータを定義するための「Share Partners」システムがありました。多くの追加サイトがこれをアドホックな標準として採用し、タグを実装しました。例えば、Diggです。
rel="image_src"は埋め込む画像を参照し、rel="audio_src"は埋め込むオーディオを参照し、同様にrel="video_src"はビデオを参照しました。サポートされる度合いはさまざまでしたが、これらのメタタグが多数ありました。
Twitterの埋め込み
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@account">
<meta name="twitter:creator" content="@writer_account">
<meta name="twitter:url" content="https://example.com/posts/hello-world">
<meta name="twitter:title" content="Title">
<meta name="twitter:description" content="Page description">
<meta name="twitter:image" content="https://example.com/hello-world-embed-image.png">
<meta name="twitter:image:alt" content="Alternative text for the image.">
これらのメタタグ(およびその他のあまり使用されないもの)は、Twitterでリンク埋め込みを生成する際に使用されていました。しかし、ドキュメントとカードバリデーターはもはやアクセスできません(以前はhttps://dev.twitter.com/cards/getting-startedとhttps://cards-dev.twitter.com/validatorにありました)。Xは、広く尊敬されているOpen Graphメタタグにフォールバックするため、Twitter固有の宣言はほとんど無用になっています。それらはOpen Graphタグに置き換えて削除されるべきです。さらに、Xは、ナチスのジークハイル敬礼を公に実行し、アメリカ合衆国および世界におけるファシズムの台頭に直接貢献した人物が所有する、ひどいサイトであり、モデレーションが悪く、他にも多くの恐怖があるため、削除されるべきです。
<meta name="twitter:dnt" content="on">
Twitterには、Twitter for Websitesウィジェットを使用する際のトラッキングをオプトアウトするための「Do Not Track」メタタグもありました。ここでも、ドキュメント(以前はhttps://dev.twitter.com/web/overview/privacyにありました)は現在アクセスできず、タグはもはや尊重されていないようです。
この記事は網羅的ではありません。これらは人気があるか注目すべき非標準のビットの一部にすぎません。サイバースペースの残骸を漂う、より多くの難解なビットが数多く存在します。好奇心旺盛な人のために、いくつかのメタタグが、詳細なしではありますが、WhatWG Wikiにリストされています。また、過去のブラウザリリースからの同様のCSSの遺物も非常に幅広く存在します。
注釈
-
<hype>を実装したことがわかっている唯一の他のブラウザはEmacs/W3で、1995年4月10日のチェンジログに「Added thge marca sound for <hype> tag.」と記載されています。↩ -
Googleは2024年後半に、iOS版Googleアプリの機能である「Page Annotations」で非常に似たことを試みました。それは嫌われ、最終的に2025年3月に廃止されました。↩