ウェブネタ

ページ2

以前、「MTが構築するHTMLソースの空白と改行を削除する」という記事を書いたんですが、もっといい方法を見つけました。こんなの(↓)。

<MTFor regex_replace="/^\s+(<|(--|\/|\?)?>)/mg","$1" trim="1">
  
  <!--余計なスペースと改行を削除したいコードをここに記述-->
  
</MTFor>

Web制作時に画像置換してますか?画像置換とは通常表示される文字列などの代わりに画像を表示するためのテクニックです。

画像置換は個人的には必須のテクニックだと思っています。なぜに必須なのかと言えば「コンテンツはHTML、デザインはCSS」だからです。

コンテンツとデザインを完全に分離させるために避けて通れないのが、コンテンツでありデザインでもある文字列の扱いです。

情報として文字列は表示すべきだが、見た目はきれいにデザインしたいという場合、現在、正式に勧告されているCSS2.1のプロパティだけでは役不足です(CSS3が正式に勧告されてブラウザがきちんと対応すれば改善されるでしょう)。そこで画像置換というテクニックが必要になります。

念のため自分の考えを言っておきますが、画像置換はスパム的なテクニックではなく、要は使う側の使い方次第だと思ってます。なぜなら、画像を表示するために使用されるimg要素のalt属性(代替文字列)にどんな文字列を入れるのかも、使う側の使い方次第だからです。

img要素を使うこと自体がスパム的だと言う内容を見たことがありません。が、画像置換がスパム的だとする内容は多くあります。ただ、それは画像置換する際に配慮が欠けているってだけのことです。

つまり、ユーザーやHTMLを利用したプログラム(サーチエンジン等)を騙すのが目的ではなく、様々なケースを想定して、問題なく情報が取得できるよう配慮すれば、画像置換すること自体に問題はないと考えています。

では、問題なく情報を取得できるよう配慮した画像置換の方法を解説していきたいと思います。