HN 日本語サマリー

← 一覧へ戻る
Web開発

時代遅れのHTMLスニペットとアーティファクト

Antiquated HTML Snippets and Artefacts (vale.rocks)

56 pointsby patadune8 コメント

要約

ウェブは常に変化しており、HTMLも例外ではありません。この記事では、ブラウザ競争、ベンダー拡張機能、プラットフォーム固有のハックなど、サードパーティの統合に対処するためにウェブサイトに組み込まれ、現在では忘れ去られた、時代遅れのHTMLスニペットやメタタグに焦点を当てています。これらは、かつては必要でしたが、現代のウェブ開発ではほとんど意味をなさなくなっています。

全文翻訳

デバイス、ブラウザ、オペレーティングシステム、フォームファクター、仕様、個人の好み、ツール、企業利益が絶えず変化する中で、ウェブは絶えず変化しています。その結果、私たちが書くHTMLも同様です。言語の誕生以来、HTML仕様自体が変更された行の数だけ、HTMLの多くの部分が「環境的」な変化を経験しました。異なるブラウザ、拡張機能、統合、そしてHTMLが存在するシステムへの適応です。この記事では、かつて仕様化されたが現在は廃止されているHTMLの部分をカバーするのではなく、サードパーティの統合、ブラウザ競争、ベンダー拡張機能、プラットフォーム固有のハックの結果として、またはそれらと戦うために、ウェブサイトに潜り込んだすべてのスニペットを見ていきます。理由があって含まれたが、現在の無関係さのために忘れ去られたスニペット。 bygone eras のサイトのマークアップと、ブラウザ戦争中に戦った人々の心の中にのみ生き残るスニペットです。 X-UA-Compatible <meta http-equiv="X-UA-Compatible" content="IE=edge"> ブラウザが急速に変化し、バージョン固有の動作が珍しくなかった時代には、X-UA-Compatibleメタタグを使用して特定のブラウザバージョンとの互換性を示すことが必要だと考えられていました。ここでは、content属性はIE=edgeと読み取られ、ターゲットはInternet Explorer (IE) でサポートされる最も高いドキュメントモードであることを意味します。ドキュメントに概説されているように、edge以外の値もあります。有効なDOCTYPEが宣言されていない場合、またはquirksモードにフォールバックする場合、対応するInternet Explorerバージョンに対応する5から11までの値、または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サービスによって、サイトを地球上にプロットしたり、地理的に近いサイトを見つけたりするために参照されていました。 条件付きコメント <!--[if gte IE 6]> <p>Only shown in Internet Explorer 6 and higher.</p> <![endif]--> ブラウザが頻繁に変化し、激しいブラウザ戦争が激化していた時代には、特定のブラウザやそのバージョンをターゲットにすることが重要でした。Microsoftは、Internet Explorerで、スニペットに見られるように特別にフォーマットされたコメントでこれを処理しました。条件をさらに絞り込むために使用できる演算子がいくつかありました。 演算子 説明 IE Internet Explorerを指します。バージョン(例: IE 7)を含めることもできます。 lt より小さい。 lte 以下。 gt より大きい。 gte 以上。 ! NOT。 & AND。 | OR。 () サブ式演算子。 true 常にtrueと評価されます。 false 常にfalseと評価されます。 <!-- &{navigator.appName == 'Netscape'}; <p>Only shown in Netscape.</p> --> <!--&{navigator.platform == 'win95'}; <p>Only shown in Netscape on Windows 95.</p> --> Netscapeは、開いているコメントタグの直後にJavaScriptエンティティを使用して、条件付きコメントを処理する独自の方式を持っていました。trueと評価された場合、コメントは含まれます。falseの場合は、単なるコメントになります。Netscape以外のブラウザは常に単なるコメントとして扱いました。 Microsoft Smart Tags <meta name="MSSmartTagsPreventParsing" content="TRUE"> Smart Tagsは、MicrosoftがInternet Explorer 6で導入したシステムで、ページに自動的にハイパーリンクを挿入しました。Microsoftが提供した例では、「Smart Tagは、Web上の主要企業の名前を検出し、それらにタグを付けて、株価や企業情報にアクセスできるようにする可能性があります」というものでした。サイト所有者は激怒し、MSSmartTagsPreventParsingメタタグがオプトアウトを許可するために導入されました。Microsoftは後にInternet Explorerでこれを完全に廃止しました。 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)) '> 90年代半ば、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のようなスライドデッキアプリケーションがトランジションを設定できるのと同様に、Internet Explorerバージョン4から8は、トランジションスタイルのエフェクトのために上記のタグをサポートしていました。この機能は、View Transition APIが採用されるまで、公式にはウェブプラットフォームに到達しませんでした。ウェブ開発者のBramus氏は、Internet Explorerのトランジションを新しいView Transition APIに移植しました。 フレームバスター <meta http-equiv="Window-target" content="_top"> 90年代半ばの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 (百度浏览器) には、モバイルで非常に不評だったページ「トランスコーディング」機能が含まれていました。ウェブサイトはtranscoder.baidu.comを経由してルーティングされ、変更されました。レイアウトが再構築され、スタイルが削除され、画像が圧縮され、ブランディングが削除され、サイト上の広告が削除される一方で、Baidu Union (百度联盟) の広告が挿入されました。これはサイトに大きな混乱をもたらしました。これらのタグのいずれかが、2012年から2018年まで、このトランスコーディングが行われるのをオプトアウトするためにサイトに追加されていました。 Skype Toolbar <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年に明示的にブロックしました。 Image Toolbar <meta http-equiv="imagetoolbar" content="no"> Internet Explorer...