ホームページ制作、千太の絵空事

時に勝つ!投稿できることに感謝しています。(千太) SINCE 2005

WWW

[ リスト | 詳細 ]

どこが、wwwやねん!、(汗)
それっぽいかなーということで、
記事検索
検索

キャッシュのクリア

キャッシュのクリア


XPのIE6の場合だと
メニューバーより
ツール>インターネットオプション

をクリック
「全般」の中にある

インターネット一時ファイルの欄

「ファイルの削除」をクリック

しばらく時間がかかる場合があります。

最後に「OK」をクリック
これで終了です。

念をいれ、ブラウザで確認しておきましょう



URIの秘密3(URLエンコード)


例えば%90%E7%91%BEとか%のついたの見たことありませんか?
そうでいえば、、、

良く身近で見かけるのは検索を使った場合ですねー。



  • [%○○%○○]
  • [URLエンコード ]

%○○%○○

検索を使った場合にブラウザのアドレスバーに

  • 判りやすいように一部省略しています
    http://○○○○○.○○○○.co.jp/search?q=%90%E7%91%BE
    
とかなっていますねー。

拡張子(※1)の?直後のqに
=が続いて、
%が区切りとなり、
その後の90は十六進法で文字コードを表しています。

%90%E7

%91%BE



JISSJIS EUC UTF-8 UTF-16 文字
3273406990E7C0E9E58D835343
3432424091BEC2C0E5A4AA592A

※Sift-JISの文字コードでみると

「千太」となります。


(URLエンコード)

これはURLエンコードといって、
URLとして使用していい文字列に変換して表示しているのです。

日本語などは
使う文字コードによって上記のように違いがありますので、
URLエンコードした文字列にも違いがあります。
EUC-JPの文字コードで
URLエンコードすると
「千太」は
%C0%E9%C2%C0
となります。


【ヒント】
(※1)「[拡張子とは]」


開く トラックバック(1)

URIの秘密2

URIの秘密2


?とか#とかついているのを見たことありませんか?

現在のYahooブログを例に考えてみましょう。

  • [?の右]
  • [#の右]

?の右


http://blogs.yahoo.co.jp/○○○○○○/folder/△△△△△△.html?m=l&p=1


拡張子の直後に?が続いてますねー。

そして、m=1

p=1

実はこれ、CGI(※1)にこの部分でデーターを渡しているのですよー。
といっても、
mという値が1で、
pという値が1というだけです。
&は区切りと思ってください。

それぞれ、CGI側の処理に使われます。


#の右

http://blogs.yahoo.co.jp/○○○○○○/MYBLOG/guest.html#▲▲▲▲▲▲▲

の部分の#
の右は、
いわゆるHTMLのソースで
ハイパーリンクのa要素の属性name若しくはid※に設定された値が▲▲▲▲▲▲▲だった場合、
 (※id:yahooのIDのことではありませんHTMLで使う属性のことです)

そのページ内で表示されるようにページの位置がスクロールしたようになります。

Yahooブログの場合、コメントや、ゲストブック、
記事内での「wikiでの見出し(※3)」を使った場合に自動でソースに書き込まれています。

実際に「URIの秘密1」のページの見出しの「ファイル名」には
<a name='section-5'></a>
となっています。
下記をクリックしてみてください。
http://blogs.yahoo.co.jp/cen_picture21/9482632.html#section-5

通常ではページの一番上が表示されますが、
スクロールした状態での位置になると思いますよ!。
(この場合は「ファイル名」の位置)



【ヒント】
(※1)CGIとは:サーバーにあるプログラム→CGIとは?
(※2)拡張子とは?

(※3):ヘルプにあるwiki(Level1):見出し1 〜5
詳細はこちら→「見出し」の秘密


URIの秘密1

URIの秘密1


一般的にはURLですねー。
(この部分の説明は割愛します。)
例えば、
Yahooブログの場合で考えてみましょう。
  • [通信手順 ]
  • [ホスト名ドメイン名]
  • [コンピュータの中身]

通信手順


http://blogs.yahoo.co.jp/○○○○○○/○○○○○○.html


左端の
http://
の部分
httpは、通信手順(※1)になりますねー。
他に、
ftpとか
httpsとかあります。
一般的な、ウェブサイトの場合だとこの部分が
http://となっていますねー。

ホスト名ドメイン名


次に、ドットで区切られた部分

blogs.yahoo.co.jp

は、ドメイン名とホスト名になります。

この部分は右から読むと理解しやすいです。

jp
は日本を表し、
co
は、株式会社などを表し、
yahooの部分が、
固有の名前となり、
そして、
blogsが、ホスト名となります。
ホスト名とは、コンピューターに付けられた名前とでもいいましょうか

ですから、
blogs.yahoo.co.jp
は、

日本の株式会社のyahooのblogsというコンピュータということです。

コンピュータの中身

そして、/で区切られた
/○○○○○○/△△△△△.html
の部分からはコンピュータの中身の階層と考えるといいでしょう。

左端の/はコンピュータのホームディレクトリを意味し
その次がいわゆるディレクトリ名

この部分にIDやニックネームになっていると思います。

ファイル名

そしてその右が、ファイル名
Yahooブログの場合、数字の羅列になります。
そして、
ドットで区切られた後が
[拡張子](※2)
となります。
○○○○○○/△△△△△.htmlの部分は左端から読むと理解しやすいですね。
○○○○○○という、ディレクトリ名の中の
△△△△△というファイル名で、
そのファイルはhtmlですとなります。

ですから、このURLは、
httpで表現されている通信手順を使用した、
日本の株式会社、Yahooという名の、blogsというコンピュータの
○○○○○○の△△△△△というhtmlのファイルとなります。

ポイントは
左から、読んで最初に出る/の部分から
人間的には読むと理解しやすいという事でしょうか


【ヒント】
(※1)通信手順:=[プロトルコ]
(※2)「[拡張子とは]」


イメージでのリンク先のURLが知りたい!

前回※1の様にして「イメージでのリンク先のURL」を知りたいと
プロパティで、見ても、
あれ、
その、URLイメージのURLみたい??と思った事ありませんか?
そんな場合は、「ショートカットキーのコピー」を利用してみましょう。

  • [ショートカットキーのコピーで見る ]
[本文]

ショートカットキーのコピーで見る

イメージでのリンクを前回の方法で出した
プロパティーで、URLを見ているのですがー、
あれ、これは、「イメージのURL」になっているのでは?

そうです、それは、リンクに使用されている「イメージ」のURLです。
通常イメージで作られたリンクの場合、そのイメージのURLが
プロパティのアドレス(URL)の横に表示されています。
  • プロパティのダイアログ

    プロトルコ ・・・・・・・・
    種類    ・・・・・・・・
    アドレス  ・・・・・・・・
    (URL)

では、リンク先のURLは?

それは、イメージでのリンクの上で右クリック!。

  • リンクの上で右クリック
    • コンテキストメニューが表示されます。※↓擬似的な表現で実際の表示とは違います)

      開く
      新しいウインドウを開く
      対象をファイルに保存
      対象を印刷
      ───────────
      切り取り
      コピー
      ショートカットのコピー
      ・・・・・
      ───────────
      ・・・・・
      ───────────
      プロパティ
  • ショートカットキーのコピーをクリック
    • これで、リンク先のURLがクリップボードにコピーされました。
  • ブラウザのアドレスバーのフィールド内をクリック
    • これで、アドレスバーの文字列が反転表示(ハイライト状態)になります。
  • そのまま右クリックしてください。
    • コンテキストメニューが表示されます
  • コンテキストメニュー内の「貼り付け」をクリック
    • アドレスバーのフィールド内に文字列が貼り付けられます。

このアドレスバーに表示された文字列が
リンク先のURLです。

 ※この手法はもちろんテキストリンクの場合でももちろん有効ですよ!
 
【注意】
  • 危険なURLの場合はアドレスバー右横の「[移動]をクリックしない」でください。
    (移動をクリックすると、リンク先に移動してしまいます)
  • 又、ジャバスクリプトなどのスキューマの場合は、信用できない場合は上記同様クリックしないでください。
 


ここれは、リンクをクリックしてのトラブル防止としても非常に役立ちますよね!。

知識をいい方向に使って、楽しく、閲覧しましょう!。


.
*************
*************
非公開 / 非公開
人気度
Yahoo!ブログヘルプ - ブログ人気度について
検索 検索

過去の記事一覧

ブログバナー

友だち(1)
  • ペーパーキャプテン・りヴぁ
友だち一覧

Yahoo!からのお知らせ

よしもとブログランキング

もっと見る

[PR]お得情報

CMで話題のふるさと納税サイトさとふる
毎日お礼品ランキング更新中!
2019年のふるさと納税は≪12/31まで≫
数量限定!イオンおまとめ企画
「無料お試しクーポン」か
「値引きクーポン」が必ず当たる!

その他のキャンペーン


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事