タグ

htmlに関するkyohei_hamadaのブックマーク (11)

  • meta name="referrer"は、HTTPS→HTTPでもリファラを出す新しい仕様 | 初代編集長ブログ―安田英久

    今日は、ちょっと技術的な話を。「meta referrer」という、リンクをクリックしてページ移動するときなどにリファラをどう送るかを、ページ側で指定できるタグの実装が進んでいるのです。 グーグルはHTTPSを推奨するけれども、リファラが……グーグルは、サイトがHTTPSかどうかを順位決定の要因とするなど、HTTPSを推奨しています。 でも、自分のサイトをHTTPSにすると、自分のサイトから非HTTPS(ふつうのHTTP)のサイトへのリンクをクリックしたときに、リファラが飛ばないんですよね。 これは、RFC 2616で、「セキュア接続のページから、非セキュア接続のページに移動するときは、リファラを送出するべきではない」と定められているからです(セクション15.1.3)。 とはいえ、Web担のようなメディアでは、「Web担のページから、うちのサイトにけっこう来る人いるんですよ」という反応も大

    meta name="referrer"は、HTTPS→HTTPでもリファラを出す新しい仕様 | 初代編集長ブログ―安田英久
  • canonical属性とは/link rel=”canonical”によるURL正規化タグ——SEOにとって非常に重要な進歩(前編) | Web担当者Forum

    canonical(カノニカル)タグは、<link rel="canonical" href="○○">のように使われます。そもそもcanonical属性とは検索エンジンに対してどんな意味を持ったタグなのでしょうか? 基情報からSEOで活用すべきシーンなどを事例で紹介します。 ヤフー、グーグル、そしてMSN Live Search(マイクロソフト)は、新しい「URL正規化タグ」をサポートすると発表した。 このタグを使えば、ウェブマスターやサイトオーナーが検索エンジンのインデックス内での重複コンテンツ問題を解消できる(ただし、自サイト内の問題のせいで生じる重複インデックスのみ)。 僕が思うに、これはSEOのベストプラクティスにとって、サイトマップの登場以来最大の変化だと思う。SEOmozでは最新ニュースを届けることより戦略について論じることに重点を置いているから、このブログで検索エンジン関

    canonical属性とは/link rel=”canonical”によるURL正規化タグ——SEOにとって非常に重要な進歩(前編) | Web担当者Forum
  • スピカ - デザインテンプレート

    200種以上のWebテンプレートを配布。1KB以下のものも多数、著作権表示は任意。小説レイアウトやWeb拍手スキン、100の質問かんたんレイアウトツールなど変わったものも公開中。LIVING TALK - ARK マグカップ やたらめったら値段の高い輸入物のデザインマグが横行する中、この価格でこの存在感。なぜならなんと日製。シンプルなのに目を引く優雅なフォルムに加え、テカテカしない適度なざらつき感がツボに来ました。 最初は黒を職場用に買ったのですが、結局白も自宅用に購入。サイズも丁度いい感じです。 ) 08/09/23 小説用テンプレート、O20のページ内の文字が中央に寄りません。どこを変更すればいいのでしょうか?>文章部分をセンタリングしたいという意味でしたら、以下の太字部分をtext-align:center;に変えてください。 #front, #note{ wi

    kyohei_hamada
    kyohei_hamada 2011/10/22
    #design_171 を使う。
  • デザインテンプレート無料配布 || 商用サイト向け

    404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved

  • Firebugの使い方 | THE HAM MEDIA

    Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会(SaCSS)にて発覚!使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ!」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない!という人も勉強会の時に多かったように、実際にも多いはず! Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ!と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認

    Firebugの使い方 | THE HAM MEDIA
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • 簡単!たった13行のコードでHTML取得&解析をするPerlスクリプト - DQNEO起業日記

    13行のコードで、Yahoo!Japanのトピックス一覧を取得する! PerlHTML取得・解析したいときはLWP::UserAgentHTML::TreeBuilderというのを使うと簡単にできます。 LWP::UserAgentを使うと、Webページの取得ができます。 HTML::TreeBuilderを使うと、HTMLのDOM解析ができます。 この2つのモジュールを使って、Yahoo!Japanのトピックス一覧を取得してみましょう。 コメント行と空行を除くとたったの13行です。 use strict; use warnings; use LWP::UserAgent; use HTML::TreeBuilder; # urlを指定する my $url = 'http://www.yahoo.co.jp'; # IE8のフリをする my $user_agent = "Mozilla

    簡単!たった13行のコードでHTML取得&解析をするPerlスクリプト - DQNEO起業日記
  • phpでhtml解析 

    こんばんわ今日もgentaです。 作成中のサイトでどうしてもhtmlを解析しないといけなくなりました。 そこでphpのライブラリを色々調べましたが、なかなか良いの見つからず。 結局ここを参考にして自作しました。 http://d.hatena.ne.jp/steel-plate/20080417/1208445174 タグとclassで検索し、指定したパラメーターを好きな数だけ取れる関数です。 ソースは汚いのでご容赦ください。 ここはこうしたほうがいいだろ!!! 的な突っ込みは大歓迎です。 (解析先hoge.html) <body> <table> <tr><td class="hoge" title="test1">テスト1</td></tr> <tr><td class="hoge" title="test2">テスト2</td></tr> <tr><td class="hoge" t

    phpでhtml解析 
    kyohei_hamada
    kyohei_hamada 2010/05/31
    getElementByClass()を自作している.後で参照するかも.
  • PHPでHTMLを解析 - 僕のススメ。

    ずっとやろうと思ってたHTML解析をやってみた。 HTML解析は、DOMDocument->loadHTML()関数を使用して出来ることはできる。 <?php $doc = DOMDocument::loadHTML("<html><body>Test<br></body></html>"); echo $doc->saveHTML(); $doc = new DOMDocument(); $doc->loadHTML("<html><body>Test<br></body></html>"); echo $doc->saveHTML(); ?> これだと簡単に動かせない。っということで、google先生に聞いて結果引っかかったのが以下の方法。 PHPでプログラミングをしています。 特定のHTMLファイル内にある… - 人力検索はてな これの回答[5]が非常に参考になる。回答[5]に記載し

    PHPでHTMLを解析 - 僕のススメ。
    kyohei_hamada
    kyohei_hamada 2010/05/31
    HTMLのパースを参考.もっといい方法はないかなー
  • IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開

    業務アプリケーションがWebアプリケーションとして開発されるのは現在の大きなトレンドです。それに伴ってHTMLCSSによって業務アプリケーションの複雑なユーザーインターフェイスを構築する必要性が生じます。 しかし機能が豊富な業務アプリケーションのユーザーインターフェイスをHTMLCSSで構築するのはそれほど簡単ではなく、しかもそれをアプリケーション全体で統一し、優れたユーザビリティを実現するのはさらに手間のかかる作業です。 そうした業務用のWebアプリケーションのユーザーインターフェイスを構築するためのサンプルが豊富に含まれたガイドライン「IBM Lotus User Interface Developer Documentation」が、IBMから公開されました。 今回公開されたIBMのガイドラインは、同社のLotus製品群のユーザビリティを統一するための社内プロジェクト「One U

    IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開
  • javascriptで外部サイトのHTMLを取得するには、 - programing memo

    XMLHttpRequestオブジェクトを使用するとできます。 XMLって名前がついてますけど、XMLじゃなくても大丈夫。(任意のテキストを受信することができる) 以下が手順。 1.XMLHttpRequestをnew演算子をつかってオブジェクトを生成 (IE用とFirefox用で処理分岐) 2.XMLHttpRequestのopen()メソッドを使って、 サーバのURLや通信方法、同期非同期などを設定 3.非同期通信の場合、onreadystatechange属性を使って サーバの応答状態を調べる 4.XMLHttpRequestのsend()メソッドを使って、 open()メソッドに設定したサーバのURLに対して 通信する。 5.readystate属性を使ってサーバからデータを受信できたか調べる 6.サーバからデータを受信できたら、responseText属性から 文字列を取得できま

    javascriptで外部サイトのHTMLを取得するには、 - programing memo
  • 1