HTML | マスタカの ChangeLog メモ

Discover Shiretoko

Firefoxと知床がコラボしたキャンペーン「Discover Shiretoko」 - スラッシュドットジャパンそろそろ、Firefox3.5 が出るらしい。開発ネームが「Shiretoko」とのことで、「Discovert Shiretoko 」というキャンペーンを実施しているようだ。自分のサイトにバナーを貼って、上記キャンペーンサイトへの誘導を行うと、Web 上の自分の樹が成長するらしい。8 月 31 日までの期間限定のようなので、さっそく左側のメニューバーに追加してみた。知床と Firefox というミスマッチもさることながら、上のサイトで使われている Web 技術も興味深い。HTML5 で追加されることになる Canvas というグラフィック技術らしく、「JavaScriptを使って平面や立体図をブラウザ上に描画でき、様々な画像効果や動画再生といったことをプラグインなしで実現できること」とのこと。Firefox は v1.5 からサポートしているようだ。日本語チュートリアルも用意されていた。早い。moveTo とか lineTo とかどこかで聞いたような名前が。。。フォクすけ萌えのあなたに。→ フォクすけの Firefox 情報局追記(2009-06-26): ようやく 660 番に自分の樹を見つけた。本みたいなものはページ中央をダブルクリックもしくはドラッグすると、次のページに行ける。ずーっと、折り返しになっている部分をいじっていたんだけど出来なくて、数字を直接入れて自分の樹を探していた。orz 追記(2009-10-03): 2009 年 9 月 18 日にキャンペーンが終了し「樹の成長」もストップしたそうなので、バナーを削除しました。 http://www.interforest.org/signup/

XHTML へのステップアップ

[2009-05-28-1] のつづき。 wikipedia によると XHTML というのは、SGML で書かれていた HTML を XML の文法で定義し直したマークアップ言語とのこと。参考情報→[2008-06-29-1] HTML とは文法はさほど変わらないので、「マスタカのホーム」と「マスタカ宛メッセージ送信」を XHTML で書いてみた。ただ、HTML との違いは知らないので、The W3C Markup Validation Service でエラーを潰しながら対応した。以下、XHTML の説明。 XHTML は HTML 4.01 をベースに作られた。最新の 1.0 仕様書は以下から参照できる。 XHTML 1.0 仕様書「3.1.1. Strictly Conforming Documents 」に書かれているとおり、以下の 3 種類の DTD(Document Type Definition、文書型定義) を規定している。 XHTML 1.0 Strict DTD (厳密型) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> XHTML 1.0 Transitional DTD (移行型) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> XHTML 1....

HTML の妥当性を診断する

The W3C Markup Validation Service で、任意のサイトの HTML の文法チェックができる。そこで手始めに「マスタカのホーム」をチェックしてみた。エラーの嵐だった…。エラーがあっても、Web ブラウザはうまく解釈して表示してくれる。ただ、後述の HTML の仕様にはなるべく沿うようにしたいし、Firefox では OK だが、IE だとレイアウトが崩れるなんてことはなるべく避けたいので、頑張ってゼロにしてみた。以下、HTML の説明。まず知っておかなくてはいけないことは、HTML にはバージョンがあるということ。最新の 4.01 の仕様書は以下から参照できる。 HTML 4.01 仕様書 HTML 4.01 仕様書(日本語訳) 「7.2 HTMLバージョン情報」に書かれているとおり、HTML 4.01 仕様では、3 つの DTD(Document Type Definition、文書型定義) を規定しており、各 HTML ファイルには次のいずれかの文書型宣言を含める必要があるようだ。 HTML 4.01 Strict DTD (厳密型) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> HTML 4.01 Transitional DTD (移行型) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> HTML 4.01 Frameset (フレーム設定型) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4....

XML の基礎

XML とは eXtensible Markup Language の略。拡張可能なマークアップ言語である。ちなみに、XHTML とは、HTML を XML に準拠する形で再定義したマークアップ言語である。 SGML───┐ │ ↓ ↓ HTML XML──┐│ ↓↓ XHTML ↑Web用に整理・拡張 ↑インターネットに適合！

web site のちっちゃなアイコンを指定する。

このページは移転しました

<html> <head> <meta http-equiv="Refresh" CONTENT="5;URL=http://toal.jp/devilmaycry3/"> <title>このページは移転しました。</title> </head> <body> このサイトは次の URL に移転しました。 5秒後に新 URL に転送します。 <A HREF="http://toal.jp/devilmaycry3/">http://toal.jp/devilmaycry3/</A> 自動的に飛ばない環境の方、早く進みたい方は上の URL をクリックしてくださいませ。 </body> </html>