マークアップ言語 - 画像の置き換え

123WORDPRESS.COM HTML チュートリアルセクションに戻るには、ここをクリックしてください。 CSS チュートリアルを表示するには、ここをクリックしてください。
上記:マークアップ言語 - テキストに CSS スタイルを割り当てます。第 14 章画像の置き換えより多くのデザイナーや開発者が標準 (特に CSS) を使い始めるにつれて、新しい手法が毎日発見され、同じ目標を達成するための新しい、より良い方法が絶えず開発されています。
「画像の置き換え」は、おそらくこの変更の最も優れた例であり、CSS を使用して通常のテキストを画像に置き換える手法です。テキストを画像に置き換えるには、CSS をどのように使用すればよいでしょうか。
すべてのプレゼンテーション用 (些細な画像または装飾用) 画像を CSS に配置するのが最適です。これにより、マークアップを変更せずに更新された画像を簡単に置き換えることができるためです。また、テキストを画像に置き換えることを完全にサポートする高度な CSS があるかどうかに関係なく、すべてのブラウザーとデバイスがマークアップを正しく解釈することを確信できます。この利点は、この本全体で強調されています。完璧な解決策はありませんただし、CSS のみを使用してテキストを画像に置き換える「完璧な」方法を見つけることは、聖杯を見つけることとほとんど同じです...なぜなら、聖杯はまだ存在しないからです。すべてのブラウザーで機能する方法はありますが、支援技術 (スクリーンリーダーなど) では機能しません。ユーザーがブラウザーに画像を表示しないように指示し、CSS を有効にしない限り、機能する他の方法があります。
この記事を書いている時点では、すべての人（またはすべてのユーザー）を満足させる方法はありませんが、この方法を使用しているWebサイトは確かにたくさんあります。画像置換方法を適用するときは特に注意する必要があり、それがもたらす副作用も理解する必要があります。使用することはできますが、注意してください。これがこの章の目的です。画像置換によってもたらされる利便性が明らかになると、その欠点も明らかになります。時間が経つにつれて、おそらくより多くのCSS愛好家が同じ効果を達成するためのより良い方法を見つけるでしょう。それまでは、テクニックをうまく活用し、長所と短所を比較検討する必要があります。
画像置換の概念を理解するために、一般的な方法をいくつか見てみましょう。まずは、Fahrner Image Replacement (FIR) 手法から始めましょう。

前のページ1 2 3 4 5 6 7 次のページ全文を読む

<<: MySQLデータのグループ化の詳細な説明

>>: Dockerはポートを介してコンテナに接続します