久々にhtml 書いたので 記録してみる。

http://www.tohoho-web.com/html/map.htm
http://www.tagindex.com/html_tag/img/img_map.html

--------------------------------------------------------------
<img src="image/map.gif" alt="マップサンプル" usemap="#maptest">

<map name="maptest">
<area shape="rect" coords="22,11,122,62" href="map1.html" alt="リンク1">
<area shape="circle" coords="184,86,30" href="map2.html" alt="リンク2">
<area shape="poly" coords="87,78,30,110,81,139,69,113" href="map3.html" alt="リンク3">
</map>
--------------------------------------------------------------

久々にhtml 触ったのでメモしてみる。

http://www.tohoho-web.com/html/char.htm

http://www.asahi-net.or.jp/~AX2S-KMTN/ref/status.html
以下引用

HTTPステータス・コード

HTTPプロトコルでは、コンピュータ同士が通信している間に、お互いの状態（ステータス）をやり取りしています。このコードのことをステータス・コード（Status Code）と呼び、"404 Not Found"のように、エラーが発生した場合にブラウザ上に表示されたり、エラーが発生しなかった場合にも見えないところでやり取りされています。このコードの仕様は「RFC 2068」で規定されています。
ステータスコードは3桁の数字が割り当てられており、1桁目の数字はジャンル別に割り振られています。
ステータス・コードはHTTPプロトコルのバージョンアップに従って追加・修正されますが、主なステータス・コードは以下のようになっています。

NOWRAP : テーブルにおいて、セル内での改行を禁止します。
※非推奨となっているので、なるべく使わないほうが良い。

例：

<table>
<tr>
<td NOWRAP>文字列が長くても改行されません。</td>
　</tr>
</table>

たまたまばったり遭遇。
一応メモ。

http://www.nttdocomo.co.jp/service/imode/make/content/xhtml/chart/index.html

今日こんな質問を受けた。

「Internet Explorer6　でオートコンプリートができないんだ」

単に [ツール] > [インターネットオプション] > [コンテンツ(タブ)] > [オートコンプリート]　でオートコンプリートの利用目的の[フォーム]や[フォームのユーザー名およびパスワード] [パスワードを保存するを確認する]にチェックが入っていないだけかと思ったが違う。

もちろん、 [ツール] > [インターネットオプション] > [詳細] > [インラインオートコンプリートを使用する]　にはチェックされていない。

「なんで？」

と僕も思ったが、原因は html の form でInternet Explorer のオートコンプリートをオフにする機能がある」と言うことだった。

いつもFire Foxを利用している僕には気づきにくいことだった。

----------------------------
formの属性 -> autocomplete=onoff
※e5。off にすると、過去に入力した値を候補として表示するオートコンプリート機能を無効にします。既定値は on です。
参考：
http://www.tohoho-web.com/html/input.htm
----------------------------

YahooJapanのログイン画面にはあった。IEでやるともちろんオートコンプリートは機能しない。

これで１時間調べてしまった(^^;
まぁ、これもまた大切と言うことで。

○Microsoft オンラインサポート
・Internet Explorer のオートコンプリートの動作について
http://support.microsoft.com/kb/917458/ja
・Internet Explorer のパスワード キャッシュを無効にする方法
http://support.microsoft.com/default.aspx?kbid=229940
・オートコンプリートによる時間の節約
http://www.microsoft.com/japan/windows/ie/using/howto/customizing/autocomplete.mspx

○html フォームについて
・とほほのWWW入門
http://www.tohoho-web.com/html/input.htm

○レジストリについて
http://www.katch.ne.jp/~aok/contents/backup/00013.html
＞レジストリは、通常「C:\WINDOWS\regedit.exe」を使って操作し、レジストリの内容そのものは、WINDOWS フォルダにある「User.dat」、「System.dat」です。つまり、「regedit.exe を使用して、User.dat、System.dat を編集されている」と考えてください。

今の携帯って、進化してるね...。
僕の携帯は古いんだな...。

http://labs.unoh.net/2006/12/xhtml.html

場合によって、携帯で xhtml を利用する場合、Webサーバーで

AddType application/xhtml+xml .html

と設定する必要がある。

携帯の機能もドンドンあがってるなぁ。

○DoCoMo
http://www.nttdocomo.co.jp/service/imode/make/

○au
http://www.au.kddi.com/ezfactory/tec/index.html

○Vodafone
http://developers.softbankmobile.co.jp/dp/tool_dl/web/tech.php

○参考
http://labs.unoh.net/2006/12/xhtml.html

＞どの文字であっても、「&#x」と「;」の間に文字パレットで検索した４桁のコード番号をはさむとタグの完成です。

携帯電話の絵文字などをユニコードで表示するときは、
&#xE001;
とする。

http://ww1.enjoy.ne.jp/~nagaichi/column01.html

○MIME
Webの世界では拡張子という概念と、もうひとつ『MIMEタイプ』という概念があります。MIMEタイプとは「タイプ名/サブタイプ名」の形式の文字列で、WEBサーバーとWEBブラウザの間はこのMIMEタイプを用いてデータの形式を指定しています。例えばMIMEタイプには以下のようなものがあります。

ブラウザが xx.gif というファイルをWEBサーバーに要求する際、WEBサーバーはxx.gifの内容(データ)を「これは image/gif タイプのデータです」と言いながら返却してくれます。これにより、ブラウザは受け取ったデータを正常に処理することができるのです。

しかし、Internet Explorer などのブラウザでは、この MIMEタイプの情報を無視して拡張子の方を信用したり、MIMEタイプや拡張子を無視してファイルの中身を見て「text/plain と言っているけど、これは HTML文書みたいだから、HTMLとして表示してあげるね」と、いらぬお節介をするブラウザもあり、なかなか、期待通りには制御できないのが実状のようです。

■ MIMEタイプの設定方法

WEBサーバーによって設定方法は異なるのですが、現在最もよく使用されている Apache というWEBサーバーでは、.htaccess というファイルによってMIMEタイプを指定します。データ(xxx.htmlなど)と同じディレクトリ(フォルダ)に .htaccess という名前のファイルを用意して、その中身を

AddType text/html .html

としておけば、WEBサーバーは、「.html という拡張子のファイルは text/html というMIMEタイプのデータとして送信する」という処理を行ってくれます。

http://www.tohoho-web.com/wwwxx015.htm

○Content-Type

HTTPレスポンスヘッダにはContent-Typeエンティティヘッダフィールドという部分があります。 例えばHTMLファイル(*.htmlもしくは*.htm)を送信する際にWebサーバは通常、次のようにヘッダを送信します。

Content-Type: text/html;

そう、※文字コード宣言をHTMLで行う場合はこのヘッダにcharsetに指定されていない場合に、 それを補填するためにmeta要素で記述していたのです。

※文字コード宣言をHTMLで行う場合
保存する時の文字コードとブラウザが読みとる時に使う文字コードが違っていると文字化けが発生してしまいます。 これは一部の符号化方式を除き、そのファイルがどのような文字コードで保存されたものなのかをブラウザが判別できる確実な手段が無いために発生します。 しかし、そのHTMLファイルの作者がブラウザに対してどのような文字コードで保存したのかを明示することによってブラウザは確実に表示できるようになります。 それが文字コードの宣言です。文字コードは次のようにmetaタグを使って宣言します。

ISO-2022-JP(いわゆるJIS)

http://ja.wikipedia.org/wiki/MHTML

＞MHTMLとは、MIME Encapsulation of Aggregate HTMLの略であり、Internet Explorer上で扱うことができるウェブページのアーカイブ形式である。通常は別々のファイルとして保存されるHTML文書とその他の画像などのデータを1つのファイルとしてアーカイブする事が可能である。使用される拡張子は、MHTおよびMHTMLである。

始めて知った・・・。

ライブドアブログでHTMLを外部から挿入する
―――――――――――――――――――――――――

ライブドアブログ内のHTMLの一部を外部管理したいというもの。

例えば、サイドのテキスト広告の部分だけ、ライブドアブログ管理画面ではなく、
他の管理画面を作って管理する、みたいなイメージ。

------------------------------------
●結論
iframeを利用して、外部ファイルは別のライブドアブログIDを作って、そこに置く。

例)
<iframe src="http://blog.livedoor.jp/japanrock_test2/archives/50595864.html" name="sample" width="200" height="150" frameborder="0">
この部分はインラインフレームを使用しています。
</iframe>
------------------------------------

------------------以下は奮闘気です------------------

うーん。どうやろう...。
前回でPerlやPHP等のプログラミング言語は使いないのは分かってるし・・・。
やはりjavascriptか...。

とりあえず、目標を立てる。
--------
<p>このHMTLは外部管理です</p>
--------
↑このHTMLをライブドアブログに表示＆外部管理しよう！

<img src="テキストファイル">
↑これで、テキスト表示できたりしないかな・・・。
やってみよう。

うー無駄目だった・・・。全然表示されん・・・。

おもむろに、「javascript テキスト 表示」でググッテみる。

おおおおおおぉ。
http://www.openspc2.org/JavaScript/Ajax/WebDesigning/200603/index.html
↑これ発見！

すばらしい！！
絶対URLでもＯＫ！

では、ライブドアブログに貼ってみる。

・・・うーむ。貼ってみたがうまくいかない・・・。
ライブドアブログの文字コードがeuc-jpだからか・・・？？

euc-jpでやってみよう。

むー。eucでもできる・・・。

ライブドアブログで外部ファイルを読み込めないとかなのかな・・・。
ヘルプを見てみよう・・・。
うーむ・・・ノってない。。。

あ、javascriptのファイル操作系のプログラム漁って見よう。

http://www.umechando.com/javascript/index.html
http://phpspot.org/blog/archives/2006/11/iframehtmlhtml.html
http://www.tagindex.com/html_tag/other/object.html
http://www.tohoho-web.com/html/object.htm
http://www.iyahooi.com/entry/2007/04/iframehtmlhtml.html
↑おおおおおぉ。発見！

<html>
<head>
<title>test</title>
</head>
<body>

<!--[if IE]>
<object　type="text/html" classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="read.html" style="width:100;height:100px">
<p>non object</p>
</object>
<![endif]-->
<!--[if !IE]> <-->
<object type="text/html" data="read.html">
<p>non object</p>
</object>
<!--> <![endif]-->

</body>
</html>

おおおおぉ。確かにファイルを読み込んで表示できた。
しかし、IEだと、枠がつく・・・。コレを取り除くぞ。

<object type="text/html" style="border-style: none;width:200;height:200px" data="read.html"></object>
↑失敗。border-styleではないようす・・・。

あー、IFRAMEもあるのか・・・。
http://www.htmq.com/html/iframe.shtml

ちょっとこっちでやってみよう。

<iframe src="read.html" name="sample" width="200" height="150" style="border-style:none;">
この部分はインラインフレームを使用しています。
</iframe>
↑こっちの方がましだが、IEでまだ枠が取れない・・・。

http://www.tagindex.com/html_tag/frame/i_frameborder.html
↑発見！

frameborder="0"
↑というのがあるらしい。やってみる。

<iframe src="read.html" name="sample" width="200" height="150" frameborder="0">
この部分はインラインフレームを使用しています。
</iframe>

おおおおおぉ！IEでもFFでも枠消えた！！

これをライブドアブログで、しかも別サーバーにあるファイルを読み込んでみる。

おう！iframeを挿入すると、iframe内にライブドアの広告が入る！！
ライブドアブログではiframe利用禁止なのか？？

うーん。だめっぽい。
objectでやってみよう。

おおおぉ。YouTubeは大丈夫だ。
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/Q6STO7TCFik"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/Q6STO7TCFik" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

では、僕のサーバーのものをやってみよう。

<object type="text/html" data="http://synth.jp/livedoor_blog_test/read.html" width="200" height="200">
<p>non object</p>
</object>

うーん。ダメだ！！！広告が挿入される！！htmlファイルの挿入はダメなのか・・・？
書き方の問題なのか・・・。

livedoorのヘルプにかいてないんだよな・・・もー。

http://helpguide.livedoor.com/help/blog/qa/grp43
Q. 自由に書き込めるプラグインが欲しいのですが？
A. 上級者向けプラグインにある『フリーエリア』プラグインをお使いください。HTMLを自由に記述することができます。
他サービスのカウンターやアクセス解析、広告バナーなどを貼り付けるのにご利用いただけます。
↑このように書いてあるが・・・全然自由ぢゃない・・・。

http://worris.blog61.fc2.com/blog-entry-7.html
↑ココには「IFRAMEが使えるブログサービス」でlivedoorがあるので、使えそう・・・。使い方なのか・・・。
外部は無理なのか・・・。

では、内部でやってみよう。

おおおぉ。

<object type="text/html" data="http://blog.livedoor.jp/japanrock_test/archives/50941343.html" width="200" height="200">
<p>non object</p>
</object>
↑これはいける！！やっぱ、指定のサーバーからの外部ファイルしか読み込めないのかなー。

ならば！

別にライブドアIDを作って、そこからとってくればいいな。
別のIDをつくろう。

おおおおおぉ。別のIDで作ってobjectで挿入したらできる！！！
やっぱ外部から読み込めるドメインと読み込めないドメインがあるんだな・・・。

objectタグだとIEで枠が付いてしまう問題があるので、
消そう。

<object type="text/html" data="http://blog.livedoor.jp/japanrock_test/archives/50941343.html" width="200" height="200">
<p>non object</p>
</object>

frameborder="0"
↑これobjectタグで使えないかな・・・。やってみませう。

うーん。やってみたがだめぽ。

iframeでやってみよう。

おおおおおおぉ！！！iframeでだいじょうぶだ！！！

<iframe src="http://blog.livedoor.jp/japanrock_test2/archives/50595864.html" name="sample" width="200" height="150" frameborder="0">
この部分はインラインフレームを使用しています。
</iframe>

これでいこう。
よかったよかった。