The title "and (2020)" can be translated into Japanese as: と (2020)

概要

• タグ と タグ の歴史的背景
• 90年代ウェブデザインにおける役割と流行
• Netscape と Internet Explorer による実装の違い
• アクセシビリティ や プログレッシブエンハンスメント の観点
• 現代における評価と再現方法

90年代ウェブデザインの象徴：とタグ

• タグ と タグ は、1990年代のウェブ黎明期を象徴するHTML要素
• 若い世代の開発者には馴染みが薄い存在
• 当時の代表的なウェブデザインツール Macromedia Dreamweaver でも、との組み合わせはアンチパターン扱い
• Lou Montulli （Lynxブラウザ開発者、後にNetscape所属）がの発案者とされるが、実装には直接関与せず
  • バーでの会話から「Lynxでも動作する一番派手な効果は点滅」と冗談を言ったことが発端
  • 匿名のエンジニアが深夜にハックして実装
• Netscape Navigator 2.0 （1995年リリース）でが初登場
  • 同時に アニメーションGIF や JavaScript の初期バージョンも導入
• タグの記法例：<BLINK>This is my blinking text!</BLINK>
• は当初からジョーク的要素が強く、HTML4でも「冗談」として記載
• しかし90年代後半には個人サイトで多用され、「最新情報」などを目立たせる用途で利用

タグの登場と機能

• Microsoft Internet Explorer 2.0 （1995年リリース）でもの機能を追従
• の「冗談」に乗らず、独自に タグ を実装
  • テキストのスクロール方向、速度、ループやバウンスなど多彩な属性
• はデフォルトで「不快かつアクセシビリティに悪い」デザインを助長
• 記法例：<MARQUEE>Oh my god this still works in most modern browsers!</MARQUEE>

両タグの組み合わせと互換性

• 90年代後半、一部ではとを 両方ラップ する手法が流行
  • Netscapeでは点滅、IEではスクロールやバウンス効果
  • 記法例：<MARQUEE><BLINK>This is my really important message!</BLINK></MARQUEE>
• Postel’s Law （受け入れは寛容に、出力は厳格に）に基づくウェブ設計思想
  • 未知のタグは無視してもコンテンツ自体は表示される
  • タグがブロック要素になった理由も同様

プログレッシブエンハンスメントとアクセシビリティ

• やの組み合わせで「どちらかのブラウザで効果が出る」設計
• サポートされないブラウザでも テキスト自体は読める ため、最低限の互換性確保
• 本来のウェブ設計は「まず全員が使えるものを作り、対応環境では追加の体験を提供」
  • JavaScriptやCSSも同様の原則
  • 保守性やアクセシビリティ向上に寄与

Operaユーザーの体験とNetscape 7の特異性

• 有料時代の Opera ブラウザ利用者はやの効果をほぼ体験せず
• Netscape 7 （2002年リリース）は両タグをサポートした稀有なブラウザ
  • タグの順序やネストにより表示の挙動が異なる
  • 両方の効果が同時に現れ、非常に「目に痛い」デザインに

現代における評価と再現方法

• タグは 完全に廃止 （CSSで再現可能だが非推奨）
• タグは 一部ブラウザでまだ動作、ポリフィルも存在
• 現代での使用は推奨されず、 ノスタルジー目的以外で使うべきではない
• デジタル懐古趣味として楽しむ範囲に留めるべき

まとめ

• とはウェブ初期の「悪名高き」遺産
• 技術的な冗談や実験が、時代の流行を生み出した歴史
• 現代のウェブ開発では アクセシビリティ や プログレッシブエンハンスメント が重視される
• ノスタルジーを感じたいなら、実際に使うのではなくシミュレーションや歴史資料で楽しむのが賢明