プログラミング言語/HTMLとCSS
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
#contents
#br
*HTML [#s1bb8a45]
**HTMLとは [#icb1f2cc]
HTMLはHyper Text Markup Languageの略で、マークアップによ...
ですが、Webページを作る際必要不可欠なものであり、CGIで掲...
なんやかんやあって現在WHATWGという団体がHTMLの規格を決め...
// 2023.03.02 XHTMLがほとんど意味をなさなくなっているので...
**何のためにHTMLは存在するのか? [#e3f48143]
常識的に考えるだけだと、文書といった場合に重視されるのは...
そのような、文章の特定部分に対して意味づけを行う言語のこ...
この後の項目で誰かが詳しく説明してくれる予定になっていま...
+文書がどういった書式で書かれているかを教えてやる
+文書のどの部分がリンクを意味しているのかを教えてやる
+文書のどの部分が著作者を意味しているのかを教えてやる
などなどの構文があり、これらのおかげでわれわれが愛するFir...
**文書型宣言 [#df4a4c18]
// 2023.03.02 HTML4時代のDTD宣言関連記述を大幅削除
<!doctype html>
<title>Test</title>
validなHTML文書を書くのはHTML4時代にはややこしい点があっ...
**要素とタグ [#ybfd78b0]
HTMLを分かったつもりでいる人は要素とタグの区別がついてい...
要素とは文書の構造を成す塊、タグはその記述手段、といって...
<p>これは段落です。</p>
<p>から</p>までをP要素と呼びます。<p>は開始タグ、</p>は終...
P要素は段落を意味するもので、この場合"これは段落です。"が...
要素は入れ子式に配置されます。が、どの要素にどの要素が入...
<p>段落の中に
<p>段落があってはいけません</p>
</p>
は誤りです。P要素の内容にP要素が含まれてはいけないのです...
要素によっては終了タグや開始タグ、内容を省略できる物、省...
実はP要素は終了タグが省略できますので先ほどの例は、"段落...
要素名は大文字で書いても小文字で書いても構いませんが、普...
// ↓↓
実際の作業手順として、HTML文書とする(文書インスタンスと...
ついでに『DIV厨』についてさらに言及しておきますと、(大雑...
// ↑↑
//classやIDとか他にも書こうかとも思ったけど、それだと追記...
// どうするのがいいかなぁ
**属性とは [#m5e3d84f]
属性とは要素に付与される関連特性のことであり、要素ごとに...
<img src="./sample.gif">
これはIMG要素といってHTML文書中に画像リソースの所在を指定...
画像の所在位置を指定しているのがsrc="./sample.gif"の部分...
**頻出要素一覧 [#s7a22b09]
:html|必ずDTD宣言の次に1つのみ存在する。開始タグと終了タ...
:head|HTMLの内容として必ず初めに1つだけ存在する。開始タグ...
:title|HTML文書の中で唯一開始タグも終了タグも内容もその存...
:body|HTMLの内容として必ず2番目に1つだけ存在する。開始タ...
:p|段落。終了タグのみ省略できるが段落の終わりを明確にする...
:hr|水平線。内容が空でなくてはならず、終了タグを省略する...
:ul|順序無しリスト。タグは省略できず、内容にはLIのみを1つ...
:ol|順序付きリスト。リストの項目に順序(通常正整数番号が1...
:li|リストの項目。OLかULの内容にのみ現れる。終了タグを省...
:em|強調。インライン要素であり、内容として書かれたものを...
:strong|EMよりも強い強調。DTD内で%phraseにより展開される...
:br|(強制)改行。内容は空でなくてはならず、終了タグは省略...
:img|画像リソースの指定。<img src="URI" alt="代替テキスト...
それからBODY要素の中で使われる要素は大きく分けて「ブロッ...
*CSS [#p8f65b2d]
**CSSとは何か [#dfb2a24a]
CSSとはCascading Style Sheetの略で、無理矢理和訳すると「...
HTMLの項目を見ていただいたとき、「HTMLは文書の構造を示す...
さてここで生じる疑問は、「じゃあどうやってデザインしろっ...
具体的にCSSを使うことで得られるメリットは、
+ぶっちゃけHTMLが読みやすくなる
+単一のCSSファイルを使い回し、デザインを気にせずに複数のH...
+複数のCSSファイルを使って、気分次第や閲覧者の必要に応じ...
+同じ原理で、印刷スタイルとブラウザスタイルを別にすること...
+通常のHTMLでは表現できないデザインが可能である
+ユーザースタイルシートが使用でき、アクセシビリティに配慮...
などなどそれなりにありますので、是非ともHTML+CSSで素敵な...
*雑学 [#ic6f84d1]
**URI [#xa35fda8]
URIという記述を見かけたことがあるかもしれませんが、これは...
さて、こういうRFCを書くお偉方は、上記のような抽象的かつ難...
**スキーム [#w05b55c2]
よくhttp://~とかftp://~とか書かれていますが、このhttpの...
勿論httpの意味している所はHyper Text Transfer Protocolで...
よくこの反例として挙げられるのがmailto:です。これはスキー...
**SGML [#x43b6da3]
HTMLはSGMLのアプリケーションです。SGMLはマークアップ言語...
**スタイルシート [#tf9de621]
CSSはスタイルシートの一種であり、CSS=スタイルシートではあ...
*環境 [#dc4c6b23]
**ブラウザ [#x079aec0]
CSSを紹介していて残念ですが、CSSではデザインを統一するこ...
-Microsoft Edge (Microsoft謹製)
-FireFox (https://www.mozilla.org/ja-jp/firefox/new/ より...
-Google Chrome (https://www.google.com/intl/ja_jp/chrome/...
-Opera (http://jp.opera.com/ よりダウンロード。独自エンジ...
-Safari (http://www.apple.com/jp/safari/ よりダウンロード...
-Konqueror (WebKit系エンジンのベースとなったKHTMLエンジン)
-Lynx (テキストブラウザ)
-家庭用ゲーム機
エンジンでブラウザの特徴がでますです。
しかしすべての環境を再現するのは難しいでしょう。とくにMac...
**確認環境 [#x34c4531]
いきなりですがブラウザの仕様の忠実度は
Opera>>>Firefox(Gecko)>>>>Safari>>IE>>Mac IE
くらいになってます。超適当(Safariとかよくわかんね)なの...
補記: SafariはCSSに強いかと思う(
[[Safariの仕様に関するQ&A:http://developer.apple.com/jp/i...
プログラマーにとってベストな相手はFirefoxだと勝手に思って...
:[[Firebug:https://addons.mozilla.org/ja/firefox/addon/18...
:[[Web Developer:http://www.infoaxia.com/tools/webdevelop...
:[[HTML VALIDATOR:http://users.skynet.be/mgueury/mozilla/...
使えばわかるこの便利さ。Firebugはつい先日日本語版もでまし...
**編集環境 [#yd7bd4fe]
PerlやPHPで扱う場合にはそれ用のエディタを使って編集してく...
Mac OS Xの場合、無料で付いてくるXcode(Apple謹製)だとか、C...
*アクセシビリティ [#zbd63ec3]
Accessibilityとは近づきやすさという意味の単語です。webの...
:目に優しい背景色|たまに黄色背景のページに出会うことがあ...
:色弱の人に優しい背景色|色弱の人はある種の色が区別できま...
:ハイパーリンクはわかりやすく|ハイパーリンクの基本は青文...
:Javascriptは動作しない時のことも考える|たまにJs切ってい...
強制をするつもりはありませんが、オナニーで満足していては...
#ref(left_right.gif)~
/\~
/ \~
 ̄| | ̄~
___| |__~
/ ⌒ ⌒ ::: \ |\~
| (●), 、(●)、  ̄ ̄ \~
| ,,ノ(、_, )ヽ、,, 左を見ろ> ...
| `トェェェェイ' .:::::__ ./~
\ `ニニ´ .:::/ |/~
l_!!! ,、 ,..-ヽー'',,.. ' ノ`丶--'ー--、 -―--、 + + ...
| ! !_!|i::::::::::`´ー''´:::::::::::::::::::|:::::::::...
.! ', ,|!::::::::::::::::::::::::::::::::::::::::::ヽ...
!、_,イ:::ヽ::::::::::::::::::::::├┤:::/::| ...
',::::::',::::::|ヽ::::::::::::::::::::::::::::/:::::...
',:::::::',::::! ヽ::::::::::::::::::::::::::::::::...
',:::::::::::| ',::::::::::::::::::::::::::::/|~
ヽ_ ノ ヽ:::::::::::::::::::::::::::::: ~
これも大変悪い例と言えるでしょう。
*吉野家のHTML [#z394b904]
そんな事より1よ、ちょいと聞いてくれよ。Wikiとあんま関係...
このあいだ、Webサイト見たんです。Webサイト。~
そしたらなんかレイアウトがめちゃくちゃで見られないんです。~
で、よく見たらなんかtableがあって、margin=0、とか書いてあ...
もうね、アホかと。馬鹿かと。~
お前らな、tableレイアウト如きで普段書かないカラム書いてん...
tableだよ、table。~
なんかfontとかもあるし。物理表現要素でHTMLか。おめでてー...
よーし文字が目立っちゃうぞー、とか言ってるの。もう見てら...
お前らな、css教えてやるからそのサイト閉鎖しろと。~
HTMLってのはな、もっと殺伐としてるべきなんだよ。~
要素をタグと間違った奴といつ喧嘩が始まってもおかしくない、~
刺すか刺されるか、そんな雰囲気がいいんじゃねーか。Trandit...
で、やっと座れたかと思ったら、隣の奴が、ホームページビル...
そこでまたぶち切れですよ。~
あのな、ホームページビルダーなんてきょうび流行んねーんだ...
得意げな顔して何が、ホームページビルダー、だ。~
お前は本当にホームページビルダーを使いたいのかと問いたい...
お前、ホームページって言いたいだけちゃうんかと。~
HTML通の俺から言わせてもらえば今、HTML通の間での最新流行...
メモ帳、これだね。~
スタート->アクセサリ->メモ帳。これが通の使い方。~
メモ帳ってのはUTF-8も読み込める。そん代わり改行コードLFが...
で、それにLynx。これ最強。~
しかしこれを使うと次からCtrl+Zで1個しか戻れないという危険...
素人にはお薦め出来ない。~
まあお前、1は、DreamWeaverでも使ってなさいってこった。
*参考リンク [#b83e9081]
:[[W3C Technical Reports and Publications:http://www.w3.o...
W3Cの仕様書
:[[W3C - W3Cの仕様書等の文書の日本語訳集:http://www.w3.or...
邦訳集
:[[CSS1 Table of Contents:http://www.y-adagio.com/public/...
:[[Cascading Style Sheets, Level 2:http://www.y-adagio.co...
:[[CSS3の日本語訳集 - 血統の森 web実験小屋:http://momdo.s...
:[[Web標準導入キット - maccaws.org:http://www.fliedlice.c...
サイトを持つなら知っておくべきWeb標準の知識:Web標準手引き
:[[脱初心者をめざす人のためのホームページ作成講座:http://...
初心者向け解説
:[[ウェブページ制作関連リンク -- 脱初心者をめざす人のため...
参考リンク:リファレンス、解説サイト、ツール類
:[[附録:ウェブデザイン關聯リンク集 - HTML覺書とCSS2リフ...
ウェブ技術を学習する人に参考にして貰いたい,良質なリソー...
:[[Web系メモ:http://memo.imagines.jp/]]|
参考リンク:リファレンス、解説サイト、ツール類、Script各種
:[[HTML5.JP - 次世代HTML標準 HTML5情報サイト:http://html5...
HTML5の仕様に関するトピックを紹介。''注意'':HTML5はまだW...
:[[WebとHTML/初心者のためのホームページ作り:http://www.sc...
『Webの理念』などは基礎知識として押さえておきましょう。 -...
//『Webの理念』を持ち出すのも場合によっては痛し痒しだけど、
//http://d.hatena.ne.jp/rh-kimata/20070528/1180284261
//http://b.hatena.ne.jp/entry/http://d.hatena.ne.jp/rh-ki...
//初期教育目的なら有用だよね?
:[[W2Cマークアップエンジニア・ワーキンググループ 「マーク...
プレゼンテーション資料公開 - 「ValidなHTMLを書く」のは誰...
::[[マークアップエンジニアが知っておきたい3つの脆弱性:補...
&の扱いについて(文字参照の説明での抜け)ほか
:セマンティック・ウェブ|
[[メタ情報とセマンティック・ウェブ - The Web KANZAKI:http...
[[セマンティックweb - Google 検索:http://www.google.co.jp...
終了行:
#contents
#br
*HTML [#s1bb8a45]
**HTMLとは [#icb1f2cc]
HTMLはHyper Text Markup Languageの略で、マークアップによ...
ですが、Webページを作る際必要不可欠なものであり、CGIで掲...
なんやかんやあって現在WHATWGという団体がHTMLの規格を決め...
// 2023.03.02 XHTMLがほとんど意味をなさなくなっているので...
**何のためにHTMLは存在するのか? [#e3f48143]
常識的に考えるだけだと、文書といった場合に重視されるのは...
そのような、文章の特定部分に対して意味づけを行う言語のこ...
この後の項目で誰かが詳しく説明してくれる予定になっていま...
+文書がどういった書式で書かれているかを教えてやる
+文書のどの部分がリンクを意味しているのかを教えてやる
+文書のどの部分が著作者を意味しているのかを教えてやる
などなどの構文があり、これらのおかげでわれわれが愛するFir...
**文書型宣言 [#df4a4c18]
// 2023.03.02 HTML4時代のDTD宣言関連記述を大幅削除
<!doctype html>
<title>Test</title>
validなHTML文書を書くのはHTML4時代にはややこしい点があっ...
**要素とタグ [#ybfd78b0]
HTMLを分かったつもりでいる人は要素とタグの区別がついてい...
要素とは文書の構造を成す塊、タグはその記述手段、といって...
<p>これは段落です。</p>
<p>から</p>までをP要素と呼びます。<p>は開始タグ、</p>は終...
P要素は段落を意味するもので、この場合"これは段落です。"が...
要素は入れ子式に配置されます。が、どの要素にどの要素が入...
<p>段落の中に
<p>段落があってはいけません</p>
</p>
は誤りです。P要素の内容にP要素が含まれてはいけないのです...
要素によっては終了タグや開始タグ、内容を省略できる物、省...
実はP要素は終了タグが省略できますので先ほどの例は、"段落...
要素名は大文字で書いても小文字で書いても構いませんが、普...
// ↓↓
実際の作業手順として、HTML文書とする(文書インスタンスと...
ついでに『DIV厨』についてさらに言及しておきますと、(大雑...
// ↑↑
//classやIDとか他にも書こうかとも思ったけど、それだと追記...
// どうするのがいいかなぁ
**属性とは [#m5e3d84f]
属性とは要素に付与される関連特性のことであり、要素ごとに...
<img src="./sample.gif">
これはIMG要素といってHTML文書中に画像リソースの所在を指定...
画像の所在位置を指定しているのがsrc="./sample.gif"の部分...
**頻出要素一覧 [#s7a22b09]
:html|必ずDTD宣言の次に1つのみ存在する。開始タグと終了タ...
:head|HTMLの内容として必ず初めに1つだけ存在する。開始タグ...
:title|HTML文書の中で唯一開始タグも終了タグも内容もその存...
:body|HTMLの内容として必ず2番目に1つだけ存在する。開始タ...
:p|段落。終了タグのみ省略できるが段落の終わりを明確にする...
:hr|水平線。内容が空でなくてはならず、終了タグを省略する...
:ul|順序無しリスト。タグは省略できず、内容にはLIのみを1つ...
:ol|順序付きリスト。リストの項目に順序(通常正整数番号が1...
:li|リストの項目。OLかULの内容にのみ現れる。終了タグを省...
:em|強調。インライン要素であり、内容として書かれたものを...
:strong|EMよりも強い強調。DTD内で%phraseにより展開される...
:br|(強制)改行。内容は空でなくてはならず、終了タグは省略...
:img|画像リソースの指定。<img src="URI" alt="代替テキスト...
それからBODY要素の中で使われる要素は大きく分けて「ブロッ...
*CSS [#p8f65b2d]
**CSSとは何か [#dfb2a24a]
CSSとはCascading Style Sheetの略で、無理矢理和訳すると「...
HTMLの項目を見ていただいたとき、「HTMLは文書の構造を示す...
さてここで生じる疑問は、「じゃあどうやってデザインしろっ...
具体的にCSSを使うことで得られるメリットは、
+ぶっちゃけHTMLが読みやすくなる
+単一のCSSファイルを使い回し、デザインを気にせずに複数のH...
+複数のCSSファイルを使って、気分次第や閲覧者の必要に応じ...
+同じ原理で、印刷スタイルとブラウザスタイルを別にすること...
+通常のHTMLでは表現できないデザインが可能である
+ユーザースタイルシートが使用でき、アクセシビリティに配慮...
などなどそれなりにありますので、是非ともHTML+CSSで素敵な...
*雑学 [#ic6f84d1]
**URI [#xa35fda8]
URIという記述を見かけたことがあるかもしれませんが、これは...
さて、こういうRFCを書くお偉方は、上記のような抽象的かつ難...
**スキーム [#w05b55c2]
よくhttp://~とかftp://~とか書かれていますが、このhttpの...
勿論httpの意味している所はHyper Text Transfer Protocolで...
よくこの反例として挙げられるのがmailto:です。これはスキー...
**SGML [#x43b6da3]
HTMLはSGMLのアプリケーションです。SGMLはマークアップ言語...
**スタイルシート [#tf9de621]
CSSはスタイルシートの一種であり、CSS=スタイルシートではあ...
*環境 [#dc4c6b23]
**ブラウザ [#x079aec0]
CSSを紹介していて残念ですが、CSSではデザインを統一するこ...
-Microsoft Edge (Microsoft謹製)
-FireFox (https://www.mozilla.org/ja-jp/firefox/new/ より...
-Google Chrome (https://www.google.com/intl/ja_jp/chrome/...
-Opera (http://jp.opera.com/ よりダウンロード。独自エンジ...
-Safari (http://www.apple.com/jp/safari/ よりダウンロード...
-Konqueror (WebKit系エンジンのベースとなったKHTMLエンジン)
-Lynx (テキストブラウザ)
-家庭用ゲーム機
エンジンでブラウザの特徴がでますです。
しかしすべての環境を再現するのは難しいでしょう。とくにMac...
**確認環境 [#x34c4531]
いきなりですがブラウザの仕様の忠実度は
Opera>>>Firefox(Gecko)>>>>Safari>>IE>>Mac IE
くらいになってます。超適当(Safariとかよくわかんね)なの...
補記: SafariはCSSに強いかと思う(
[[Safariの仕様に関するQ&A:http://developer.apple.com/jp/i...
プログラマーにとってベストな相手はFirefoxだと勝手に思って...
:[[Firebug:https://addons.mozilla.org/ja/firefox/addon/18...
:[[Web Developer:http://www.infoaxia.com/tools/webdevelop...
:[[HTML VALIDATOR:http://users.skynet.be/mgueury/mozilla/...
使えばわかるこの便利さ。Firebugはつい先日日本語版もでまし...
**編集環境 [#yd7bd4fe]
PerlやPHPで扱う場合にはそれ用のエディタを使って編集してく...
Mac OS Xの場合、無料で付いてくるXcode(Apple謹製)だとか、C...
*アクセシビリティ [#zbd63ec3]
Accessibilityとは近づきやすさという意味の単語です。webの...
:目に優しい背景色|たまに黄色背景のページに出会うことがあ...
:色弱の人に優しい背景色|色弱の人はある種の色が区別できま...
:ハイパーリンクはわかりやすく|ハイパーリンクの基本は青文...
:Javascriptは動作しない時のことも考える|たまにJs切ってい...
強制をするつもりはありませんが、オナニーで満足していては...
#ref(left_right.gif)~
/\~
/ \~
 ̄| | ̄~
___| |__~
/ ⌒ ⌒ ::: \ |\~
| (●), 、(●)、  ̄ ̄ \~
| ,,ノ(、_, )ヽ、,, 左を見ろ> ...
| `トェェェェイ' .:::::__ ./~
\ `ニニ´ .:::/ |/~
l_!!! ,、 ,..-ヽー'',,.. ' ノ`丶--'ー--、 -―--、 + + ...
| ! !_!|i::::::::::`´ー''´:::::::::::::::::::|:::::::::...
.! ', ,|!::::::::::::::::::::::::::::::::::::::::::ヽ...
!、_,イ:::ヽ::::::::::::::::::::::├┤:::/::| ...
',::::::',::::::|ヽ::::::::::::::::::::::::::::/:::::...
',:::::::',::::! ヽ::::::::::::::::::::::::::::::::...
',:::::::::::| ',::::::::::::::::::::::::::::/|~
ヽ_ ノ ヽ:::::::::::::::::::::::::::::: ~
これも大変悪い例と言えるでしょう。
*吉野家のHTML [#z394b904]
そんな事より1よ、ちょいと聞いてくれよ。Wikiとあんま関係...
このあいだ、Webサイト見たんです。Webサイト。~
そしたらなんかレイアウトがめちゃくちゃで見られないんです。~
で、よく見たらなんかtableがあって、margin=0、とか書いてあ...
もうね、アホかと。馬鹿かと。~
お前らな、tableレイアウト如きで普段書かないカラム書いてん...
tableだよ、table。~
なんかfontとかもあるし。物理表現要素でHTMLか。おめでてー...
よーし文字が目立っちゃうぞー、とか言ってるの。もう見てら...
お前らな、css教えてやるからそのサイト閉鎖しろと。~
HTMLってのはな、もっと殺伐としてるべきなんだよ。~
要素をタグと間違った奴といつ喧嘩が始まってもおかしくない、~
刺すか刺されるか、そんな雰囲気がいいんじゃねーか。Trandit...
で、やっと座れたかと思ったら、隣の奴が、ホームページビル...
そこでまたぶち切れですよ。~
あのな、ホームページビルダーなんてきょうび流行んねーんだ...
得意げな顔して何が、ホームページビルダー、だ。~
お前は本当にホームページビルダーを使いたいのかと問いたい...
お前、ホームページって言いたいだけちゃうんかと。~
HTML通の俺から言わせてもらえば今、HTML通の間での最新流行...
メモ帳、これだね。~
スタート->アクセサリ->メモ帳。これが通の使い方。~
メモ帳ってのはUTF-8も読み込める。そん代わり改行コードLFが...
で、それにLynx。これ最強。~
しかしこれを使うと次からCtrl+Zで1個しか戻れないという危険...
素人にはお薦め出来ない。~
まあお前、1は、DreamWeaverでも使ってなさいってこった。
*参考リンク [#b83e9081]
:[[W3C Technical Reports and Publications:http://www.w3.o...
W3Cの仕様書
:[[W3C - W3Cの仕様書等の文書の日本語訳集:http://www.w3.or...
邦訳集
:[[CSS1 Table of Contents:http://www.y-adagio.com/public/...
:[[Cascading Style Sheets, Level 2:http://www.y-adagio.co...
:[[CSS3の日本語訳集 - 血統の森 web実験小屋:http://momdo.s...
:[[Web標準導入キット - maccaws.org:http://www.fliedlice.c...
サイトを持つなら知っておくべきWeb標準の知識:Web標準手引き
:[[脱初心者をめざす人のためのホームページ作成講座:http://...
初心者向け解説
:[[ウェブページ制作関連リンク -- 脱初心者をめざす人のため...
参考リンク:リファレンス、解説サイト、ツール類
:[[附録:ウェブデザイン關聯リンク集 - HTML覺書とCSS2リフ...
ウェブ技術を学習する人に参考にして貰いたい,良質なリソー...
:[[Web系メモ:http://memo.imagines.jp/]]|
参考リンク:リファレンス、解説サイト、ツール類、Script各種
:[[HTML5.JP - 次世代HTML標準 HTML5情報サイト:http://html5...
HTML5の仕様に関するトピックを紹介。''注意'':HTML5はまだW...
:[[WebとHTML/初心者のためのホームページ作り:http://www.sc...
『Webの理念』などは基礎知識として押さえておきましょう。 -...
//『Webの理念』を持ち出すのも場合によっては痛し痒しだけど、
//http://d.hatena.ne.jp/rh-kimata/20070528/1180284261
//http://b.hatena.ne.jp/entry/http://d.hatena.ne.jp/rh-ki...
//初期教育目的なら有用だよね?
:[[W2Cマークアップエンジニア・ワーキンググループ 「マーク...
プレゼンテーション資料公開 - 「ValidなHTMLを書く」のは誰...
::[[マークアップエンジニアが知っておきたい3つの脆弱性:補...
&の扱いについて(文字参照の説明での抜け)ほか
:セマンティック・ウェブ|
[[メタ情報とセマンティック・ウェブ - The Web KANZAKI:http...
[[セマンティックweb - Google 検索:http://www.google.co.jp...
ページ名: