Google検索を変えるマイクロフォーマットとは？
マイクロフォーマット（microformat）とは、HTMLに書かれている情報の意味を、検索エンジンのクローラーなどに伝えるためのフォーマットのことです。通常のHTMLタグでは「見出し」や「本文」といった大まかな構造を示すことはできても、それぞれのテキストがどのような意味を持っているかまでは表現できません。 マイクロフォーマットでは、HTMLタグに「class」「rel」「rev」などの属性を付与してより詳細な意味を表します。これらの属性は通常、制作者が任意の値を指定しているものですが、マイクロフォーマットではルールに沿った値を指定することで、機械が解釈しやすい形式で情報の意味を表現できます。 マイクロフォーマットの具体例 マイクロフォーマットの仕様は、任意団体の「microformats.org」がまとめており、用途ごとにさまざまなフォーマットが用意されています。 たとえば、「hReci
相対リンクと絶対リンク
相対リンクと絶対リンク では、本題に入りましょう。 ここで理解すべき内容は以上の3つのリンクのうち、内部リンクに関するものです。 上記にあるように内部リンクは自分のホームページ内での話になるので、ホームページを作成する人にとっては重要な内容です。 相対リンクとは、自分が見ているHTMLファイルから他のファイルへリンクをするとき、そのファイルから相対的にファイル場所を指定する方法です。 わかりにくいと思いますので、実際に例を出して考えてみましょう。 自分がアップロードするサーバーのURLアドレスが「http://www.123XYZ.com/」であると仮定します。 この階層に「A」というフォルダを作り、さらにこのフォルダの下に「B」というフォルダを作成したとします。 各フォルダにはそれぞれ「001.html」というファイルと、「002.html」 という2つのHTMLファイルがあるとします。
ページタイトル一覧を取得するプログラムを開発しました
すでに似たようなプログラムはあると思いつつ、URLの一覧を入力すると、ページタイトルの一覧を出力するプログラムを開発しましたのでシェアします。 http://tshinobu.com/lab/get-page-title/ たとえば、以下文字列を入力して、「Post」ボタンを押してみてください。 http://www.yahoo.co.jp/ http://www.google.co.jp/ http://jp.msn.com/URLからページタイトルが取得され、一覧化されます。 同ドメイン内でのみ動作するAjax版も開発して運用していますので、ご希望の方はお問い合わせください（認証が必要なクローズド環境で使います）。ちなみに、simple_html_dom.php と、multipleRequest関数を使って処理しています。難しいことは何もしていませんがなかなか便利です。Webサイトリ
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 2011-06-04 Twitterなどを見てると、 「IE6がー！」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。 以下のようなことは基本的なことですが大切な事です。 DOCTYPEを書く。 HTMLの先頭にDOCTYPEを入れるようにして下さい。 DOCTYPEがないと、ブラウザ間での誤差が起こりやすい状態になります。 DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含
i474.info
i474.info This domain is expired. The domain owner has to renew it from the admin setting if you continue using it. 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directl
[J] a タグの href に # とか javascript:void(0) とかする理由 - Jamz (Tech)
以下のような記述を見かけるが、これはリンクを無効にするため。 a href="javascript:void(0);" こうした上で、a タグの onclick で関するを呼び出すパターンが多い。 つまり、以下のような感じ a href="javascript:void(0)" onclick="function_name(); return false;" っで、関数呼出し後の return false も肝で、クロスブラウザで挙動を合わせる場合に、onclick に関しても、見せ掛け上、処理が無効となるよう return false する必要がある。 実際には、途中の処理が実行されるので別ウィンドウ開くなどのアクションは正常に処理される。 プログラミング > JavaScript - void(0)onClick に false を返すと、クリック自体が無効になり、リンクしなくなります
F's Garage：ややこしいシステムを使わないソースコード管理
「先祖返り」ってご存じでしょうか？ せっかく作っていたデータを、古い日付のもので上書きしてしまい、古い状態に戻してしまうことを言います。 よくWeb制作で起きがちで、複数人で一つのフォルダのソースをいじくっていたり、不注意な人がざっくり古いファイルを上書きしてしまったりすることでおきます。特に忙しい納期直前ほど起きる現象です。 不注意な人のやることと言ってしまえばそれまでですが、人は必ずミスをするものです。 不注意な人のミスをいかになくすか？というのが、世の中の生産管理の肝と考えれば、単純にソースコードの管理手法がなっていないと考える方が僕は自然だと思います。 世の中には、バージョン管理システムという名前で、CVSとかSubversionとか便利なシステムがあるのですが、これがちょっと難しい。何が難しいというと、まず用語が難しい。コミットだのチェックアウトだの聞き慣れないキーワードがついて
HTMLの特殊文字 ： IT用語辞典
▼ ご意見やご指摘、追加希望用語などはこちらからお送りください (個別にお返事はできかねますのであらかじめご了承ください) 当サイト「IT用語辞典 e-Wordsイーワーズ」はIT（Information Technology：情報技術）用語のオンライン辞典です。コンピュータ・情報・通信などを中心とする各分野の用語について、キーワード検索や五十音索引から調べることができます。用語の意味や定義、概要や要約、略語や別表記、英語表記や綴り、フルスペル、読み方や発音、仕組みや役割、歴史や由来、語源、構造や構成、要素、特徴、機能や性能、諸元、規格や仕様、標準、原因や要因、手法や方法、方式、種類や分類、利点やメリット、欠点やデメリット、問題点、対義語や類義語との違い、用例や事例、具体例、画像や図表、関連用語、外部資料や別の辞典による解説へのリンクなどを掲載しています。 当サイトは株式会社インセプトが制
idの命名に迷ったら | d-spica
idの命名に迷ったら 2007-10-19 0 0 XHTML/CSS Role, XHTML 以前こんなエントリーを書きました。 id="header"で問題ないのでは id，class名をどうふるとよいか，しばしば悩みます。いくつかのパターンがあって，そのどれかを使うのですが，明確な基準というものはありませんでした。 XHTML Role 属性モジュール 先日W3Cから，「XHTML Role 属性モジュール」の最終草案が出されました。 XHTML Role 属性モジュール（日本語訳） 部分的に引用してみます。 概要 この仕様で定義される XHTML Role 属性は、作成者が要素に役割を与えるための属性です。機械で抽出可能な意味情報を要素に与えることで、XML を用いた言語に注釈を与えることができるようになります。ユースケースとして、アクセシビリティやデバイスアダプテーション、サー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
築地本願寺のHTMLソースコードに「お坊さん」のAA | スラド IT
http://www.themeflash.com/45-cheat-sheet-desktop-wallpaper-for-web-designers-and-developers/