「○○するためのＮ個の方法」、「□□に役立つツールのまとめ」といったタイトルのブログ記事を目にしたことがあるだろうか。これらはウェブ上において被リンク数（＝視聴率）を稼ぐために濫用されている手法で、「リンク・ベイティング（Link Baiting）」と呼ばれる。bait（ベイト）とは「餌付けを行う」という意味であり、例えば「おとり広告」は英語で"bait advertising"と言う。リンク･ベイティングの手法はこの他にもパターンがあり、住太陽氏のブログが詳しい。 この手法はタイトルによって読者を釣り、煽り立てるもので、良質なコンテンツを多くの読者のもとに届けるために利用されるのが理想的であるが、過度に「釣り」そのものが目的化し、価値のない情報の氾濫を促進するような、詐欺まがいの手法に成り下がっているのが実情である。Technoratiのブログランキング一位の座を占めるブログはGIGAZ

定義リスト dl 内の dt と dd を CSS を使って横並びさせる方法ってのはいくつかあるんだけど、最近どうも記憶力が低下してきた気がするんで、完全自分用メモとして記しておく。 多分オーソドックスな方法 とりあえず最もオーソドックスであろう方法。これ意外にもあるのかもしれないけど、多分今んとこ自分は知らない。（margin を使った方法は前にも記事にしたことがあるけど、一応今回も入れておく） dl_sample01.html float を使った方法 margin を使った方法 position を使った方法 <dl> <dt>foo</dt> <dd>bar</dd> <dt>foo</dt> <dd>bar</dd> </dl> ちなみに margin を使った方法での margin 値の算出方法は、dt と dd それぞれの line-height 値の半分を足し、それに dt

This domain may be for sale!

前回の続きです。 ＨＰで動画をWindows Media Playerでストリーミングをさせたい場合は、 動画をＷＭＶに変換して、アップロードします。 最近はいろんなソフトがありますから、 ＡＶＩやＭＰＥＧなどの動画ファイルをＷＭＶに変換しましょう。 マイクロソフトでフリーで、簡単にできるソフトが Windows Media エンコーダです。 こちらからダウンロードできます。 ＷＭＶの動画ファイルを作成したら、 もう一つストリーミングに必要なのがメタファイルです。 ●メタファイルを作成方法 テキストエディタのメモ帳でメタファイルを作成します。 ストリーミングは、直接動画ファイルを再生させるのではなく、 メタファイルを間にかましてリンクさせ、 メタファイルをクリックすることで再生されます。 スタート→すべてのプログラム→アクセサリ→メモ帳 「メモ帳」に下記を記述します。 <Asx Versi

2004.11.06新規作成。 HTMLフォームで、submit（送信）ボタンを押さずにデータが送信されてしまうことがある。用途によってはその方が使いやすいこともあるが、編集中に意図せず送信されてしまうこともあるので、この動作を抑止したい。どうするか。 submitボタン まず、submitボタンがあるかどうか。submitボタンがあるとき、input[type="text"]で生成されるテキストコントロール内でEnterキーを打つと、フォームデータが送信される。 例えば、次のようなフォームの場合。テキストコントロールが一つでも二つ以上でも同じであり、IE / Mozillaとも同じように振る舞う。 <form action="test"> <input type="text" name="a"> <input type="text" name="b"> <input type="subm

本ウェブサイトでは、JavaScriptおよびスタイルシートを使用しております。 お客さまがご使用のブラウザではスタイルが未適応のため、本来とは異なった表示になっておりますが、情報は問題なくご利用いただけます。

当サイトが公開され7年以上の月日が経ち、1部の内容は検索エンジンに全く影響を与えない物に変わっております。あくまで参考程度にご利用ください SEO対策TIPSについて すでにSEOは、ユーザービリティ、アクセシビリティなどと同じでサイト作成を行う上で配慮されてあたりまえです。 当サイトはWEBクリエイターのSEOに関する知識・技術の普及を目的に運営されるサイトです。 情報は常に正確なものを掲載するよう努力しておりますが、不正確な情報等ございましたらお問い合わせよりご連絡いただけたら幸いです。 SEOとは？ SEO(エスイーオー)とはSearch Engine Optimization(検索エンジン最適化)の略でyahooやgoogle、msnなどの検索エンジンのキーワード検索で上位に表示される技術のことです。 続き SEOの目的 SEOの目的は『検索エンジンで上位に表示すること』でしょうか

ときどきサイトのチェックをしているのですが、ある日ブラウザごとにきちんと表示されているか確認をしていると画像になぜか青い枠線（リンク画像の枠線）がでていたのです。 マックの場合SafariとIEでは枠線は表示されず、Firefoxで開くと画像表示時にリンク画像の枠線がでてしまいました。 （ウィンドウズの場合はまた違うかもしれません） border="0" これを挿入すれば、枠線なしで画像だけ表示されるようになる・・・はず。 というわけで、すでに青い枠線がでてしまっている画像のタグを以下のように直してみました。 <img src="〜" width="250" height="93"border="0" alt="タイトルバナー" /> この箇所を修正し保存、再構築すると見事青い枠線は消えました！！ で、めでたしめでたしとなればいいのですが、ここで終わらないのです。(^^;) 表示上

バナー等の画像にリンクを設定すると青い枠が表示されます。これをCSSを使って消去する方法を何通りかご紹介します。 消去前 消去後 １．スタイルシート（styles-site.css）に設定 まず、タイプセレクタで img 要素に枠線を与えない設定を行います。 img { border-style:none; } または、子孫セレクタで a 要素の子孫要素である img 要素に設定を与える方法です。上記の場合は全ての画像にスタイルが適用されますが、この方法であればリンク画像のみにスタイルの設定を与えることができます。 a img { border-style:none; } さらに、img 要素に class 属性 または id 属性を与えて、クラスセレクタ・一意セレクタで指定すれば画像によってリンクのあり・なしを振り分けることができます。以下はクラスセレクタの例です。 .no_border

【特集】 CSS実装徹底検証! そこが知りたいInternet Explorer 7 2006/07/13 エ・ビスコム・テック・ラボ

しばらく前までは、記事を検索できるようにするにはインデクサーと呼ばれる人たちが前もってすべての記事を実際に読んでキーワードを振っておく必要がありました。記事を検索する人はこのキーワードと、書誌データと呼ばれる雑誌名、著者名、タイトルなどを頼りに探していました。 　インデクサーは文書のなかにない言葉でも記事の内容を表す重要な言葉をキーワードとして振っていたので、いろいろな観点から検索できるという良さがありました。 　しかし、非常に工数がかかるだけでなくキーワードを振る人の考え方の違いによって同じ記事から異なったキーワードが振られることが珍しくありませんでした。 膨大な量の電子化された記事 電子化された記事が少ないうちはこれでも何とかなりましたが、最近ではほとんどの記事が電子化されただけでなく、電子メール、インターネットの普及により膨大な量の電子化された記事が身の回りにあふれるようになっ

CSSで縦並びのメニューを構築する場合、リスト要素<ul><li>とリンク要素<a>を組み合わせるのが一般的。 その時、WindowsＩＥ５〜６系ではリストの間に隙間が出来てしまう事がある。 その場合にリストの隙間を消すテクニックを２つ <ul><li>HTMLの改行を無くす <ul><li><a href="#">メニュー１</a></li><li><a href="#">メニュー２</a></li><li><a href="#">メニュー３</a></li></ul> 上記の様に該当するＨＴＭＬのソース上において<ul></ul>間の改行を使わないで記述する方法。 ＣＳＳでコントロール li{ display:inline; height:auto; } a{ display:block; } 上記の様にli要素にdisplay:inlineをa要素にdisplay:bl