World Wide Web技術に関するリンク集

標準化団体

World Wide Web Consortium(W3C)
HTMLやCSSの規格を作成したり、策定・勧告を行う国際非営利組織。
The Internet Engineering Task Force(IETF)
Web以外のインターネットにおける標準技術の策定を行う国際非営利組織。特に通信手段やセキュリティ技術に関する重要な仕様が多く定義されています。なお、仕様はRFC(Request for Comments)という形で公開され、誰もがその議論に参加できます。……で、誰もが参加できるという自由な壌土から、毎年4月1日にエイプリルフールな提案が出ることが恒例行事となっています。
【参考】JPNIC RFC-JP:RFCの日本語化を行っている。現在プロジェクトは活動を休止しています。
【参考】情報処理推進機構:セキュリティセンター:セキュリティ関連 RFC
【参考】RFC日本語版リスト
【参考】ジョークRFC
International Organization for Standardization(ISO:国際標準化機構)
電気分野を除く工業分野の標準規格を勧告・審査する非営利組織。電気/電子工学についてはInternational Electrotechnical Commission(IEC:国際電気標準会議)が担当しています。また両者によってISO/IEC 15445:2000(所謂「ISO-HTML」)が策定・勧告されています。

Webサイトを作成する上での心得

Webサイト構成

ウェブサイト構築の論理PC Tips
一貫性のあるウェブサイトとは何か、閲覧者はウェブサイトをどう見るか、を考察する。
よいウェブページを書こうとする人のためのヒントGOTOO Hitosi
箇条書き形式で、常に心の隅においておきたい言葉が揃っています(特に前半部分)ウェブページの作成は著作物を世界に公開する主体的な表現行為であり、大きな責任を伴う。その責任を全うする意思のない者はウェブページを公開すべきではない。
ウエブサイトを持つための心構えおやこニュース
漠然と、ウエブサイトを持ちたい、と思ってから、実行に移すまで、そして実際にウエブサイトを管理し始めると云うことはどういうことか、私の経験を交えて。とっても優しい解説。硬い文章が苦手な方向け。

ハイパーリンク

文書群を有機的に結び付ける行為Personal
「情報と情報のつながり」という、World Wide Webにおいて最も根幹的な行為についての解説(今のところ、主にハイパーリンクについて)
ウェブページのリンクおよびその他の利用についてGOTOO Hitosi
リンクは自由である! 印刷媒体での言及も自由である! 引用は公正な慣行に従って! 無断複製は違法である! Webサイトを作る人だけでなく、多くの人に読んで欲しい。
「無断リンク禁止/直リンク禁止」命令に関する想定問答集
不本意なリンクをされて困らないために。

HTML

HTML総合(HTML4.01)

仕様

HTML 4.01 SpecificationW3C
現行のHTMLの中で最も根幹的であるHTML4.01の仕様書。HTMLを書く人であれば、邦訳版でも良いので必ず一度は読んでおいて欲しいものです。
【参考】HTML4.01仕様書邦訳

解説

HTMLの定義のための覚書PC Tips
「HTMLに向いた事」とは、どんな事なのか――多くの人は知りませんし、知りたがりもしません。多くの解説者も、その辺りの事には触れもしません。もちろん、わざと匿して書かないのではありません。「HTMLに向いた事とは何か」とか、「HTMLはどんな風に使用するのが自然なのか」とかいつた事を、全く知らないから、書けないのです。「PC Tips」の「HTMLに関する覚書」は、その「HTMLに向いた事」とは何か、を明かにし、「HTMLが得意とするジャンル」で、「HTMLを自然に、かつ、最大限に生かせる」様なHTMLの利用方法を提案します。ここでは、私達の通念とか常識とかでHTMLを歪めるのでなく、本来のHTMLの理念を理解し、活用する事を目標にします。多少難しい話もありますが、本質を突いた解説です。ある程度HTMLを理解した人向け。
HTML講話Internet Exact Course
HTML 4.01 Strict DTDに基いたHTMLの解説記事です。大切なことは一通り書かれています。
HTML基礎講座/初心者のためのホームページ作り鍾馗
本講座では、W3C が勧告している HTML4.01を中心に記述しています。Webページを制作する上で、HTML (Hyper Text Markup Language) は欠かせないものですが、本講座では、各種のブラウザが独自にサポートしている要素、スクリプトは掲載していません。また、文書構造からビジュアルデザインを分離した、いわゆるアクセシビリティに重点をおいた講座内容となっています。適切な文法、作法、知識などを身につけた上で、自由で独創的なコンテンツを作り、すばらしい Webの世界に情報を発信しましょう。
はじめてのWebドキュメントづくり補完癖抄
この文書で筆者は、WWWの「ページ」を作るときに使う最もポピュラーな「マーク付け言語」である「HTML (Hyper Text Markup Language)」と、スタイル言語「CSS (Cascading Style Sheet)」を使った「ページ」づくりについての、初歩的な事柄を解説していきます。HTML 4.01の仕様書を邦訳した内田明氏の入門書。HTMLとCSSを並行して解説していて、直感的に分りやすい解説です。
HTML版『スタイルシートWebデザイン』
すみけんたろう氏が著した『スタイルシートWebデザイン』をまきかずひこさんがHTML化して公開したもの。一冊の本として統一された流れで読むことが出来ます。
初心者のためのホームページ作成講座Personal
htmlマークアップの美学。芯の通った解説。

ISO-HTML

仕様

ISO/IEC 15445:2000(E) ISO-HTML
HTML4.01をより厳密に運用出来るよう、 ISO(国際標準化機構)がサブセットとして定義したもの。非常に制限の強い反面極めてシンプルな仕様で、信用性を重視するサイトや、テキストサイトなどに向いている規格です。なお、JIS-HTMLはISO-HTMLの日本語版ですが、正直文章硬すぎ。

解説

ISO-HTML夜話PC Tips
ISO-HTMLは、既存のシステムとの互換性を考慮した上で策定された仕様です。飽くまで既存のシステムで利用できるHTML文書の仕様であり、 XHTMLの様な新技術を導入した上で利用されるべき仕様とは異ります。形の上で、セクション構造を復元して利用するシステムでの利用も可能ですが、 ISOあるいはJISの性格から言って、ISO/IEC 15445:2000はオーサリング工程の標準化を目的とした仕様だと見るべきです。
良質なテキストサイトの爲のISO-HTML入門底なし井戸の底の底
この記事では、HTMLの基礎、原則を徹底的にお教へします。その代りに、全體的・網羅的にHTMLを解説する事を抛棄します。しかし氣にする事はありません。HTMLの基本さへ身につけておけば、あとで網羅的な學習をする事は幾らでも出來ます。基本を身につける爲には、まづ始めに最も簡潔なHTMLを學ぶ事です。基本の爲の簡潔な導入として最もふさはしいのは、ISO-HTMLと云ふ未だ人口に膾炙してゐない規格である――さう私は判斷しました。
ISO/IEC 15445:2000 (ISO-HTML)の書式についてぽかぽか夢工房
世界標準(grobal standard)のhtmlとして位置付けられているISO/IEC 15445:2000 (ISO-HTML)[A]は、国際標準化機構ISOと国際電気標準化会議IECとの合同会議(JTC)によって検討され、2000年5月に公開されたものです。このhtmlは、W3C勧告のhtml 4.0 strictをベースとし、さらに厳格・厳密に論理構造に徹したsgmlアプリケーションとなっております。さらに最近になり、html4.01 strictのサブセットと位置付けられ、一部文法の訂正が行われました。書式の大部分はhtml4.01 strictと類似しておりますが、いくつかの点が異なります。それに関して、iso-htmlのDTD(文書型定義)の解析をもとに記述していきたいと思います。

XHTML1.x

仕様

XHTML 1.1 - Module-based XHTMLW3C
HTML4.01との相互互換性を考慮したXHTML1.0を、よりXML仕様に副うよう拡張・再定義したもの。モジュール化という観念を盛り込んでいる。
Modularization of XHTMLW3C
XHTML1.1に盛り込まれた「モジュール化」について。
Ruby AnnotationW3C
XHTML1.1にて追加されたruby要素群について。
XHTML BasicW3C
複雑化しているXHTMLの仕様を、携帯端末などのモバイル機器の利用を考慮して、最低限の仕様に簡素化したもの。

解説

HTML and XHTML Frequently Answered QuestionsW3C
なぜXHTMLなのでしょうか? HTMLも充分良い言語ではないでしょうか。HTMLではなくXHTMLを使うメリットって何でしょうか?など、XHTMLについてのW3Cの見解。
ごく簡単なHTMLの説明The Web KANZAKI
30分間HTML入門など、初心者向けのやさしい解説から、セマンティック・ウェブ(意味的Web)に向けての発展的内容まで。Web技術の最先端を行く解説。

リファレンス

ばけらのHTMLリファレンスHTML鳩丸倶楽部
HTML4.0 の Transitional DTD を元に、各HTML のデータを加味して作成した HTMLリファレンスです。
HTML概要リファレンス10倍ズバリ!! 素敵にするホームページの条件
HTML 4.01の概説リファレンスです。各社の独自要素も少し説明しています。

XML 1.0

仕様

Extensible Markup Language (XML) 1.0
拡張性のあるデータ記述言語であるXML1.0の仕様。汎用的なデータ互換規格として今後ますます広がっていくことは間違いないと思われる。
【参考】拡張可能マークアップ言語 1.0

解説

Studying XML for beginners
これからXMLを学ぼうとする方のためのページです。XML全般の他、XSLT、XMLSchema、SVGやDOM等々、基本的な言語はほぼ網羅しています。ただし疑問点もあったりする。
XMLフォーマットのイエローページ電子情報技術総合委員会
このイエローページは、XMLフォーマット情報の登録/蓄積による共有化を行うことによって、XMLフォーマット及び中小企業向けインターネットビジネスの普及のため情報発信することを目的としています。XML応用言語のリンク集。但しリンク切れもある。
XHTML 1.0: The Extensible HyperText Markup LanguageW3C
HTML4.01をより効率良くに運用出来るよう、XMLの仕様に基づいてHTML4.01を定義し直したもの。拡張性が非常に高く、また上位互換性の面で優れてゐる規格です。

XSLT

仕様

XSL Transformations (XSLT) Version 1.0
XMLスタイルシート言語(XSL)のうち主としてXML文書の構造変換を目的とした言語
【参考】XSL 変換 (XSLT)

解説

XSLT登竜門
「XSLT登竜門」のページへようこそいらっしゃいました。ここでは「XSLTの基本はだいたい理解できた」という方を対象に、ちょっと面白いと思われるようなXSLTの使い方で遊びながら、ステップアップを図ってみたいと思います(^_^) XSLTの入門書にはあまり載っていないようなテクニックとか、載っていても今ひとつわかりにくいテクニックなどを扱ってみたいなぁ、と考えています(^_^)
XSLT Tips
XSLTの小技集。
XSLTでフラットな文書を構造化
hx要素にsection要素(正確にはdiv要素sectionクラス)を追加して構造化するXSLTスタイルシート。

XBEL

仕様

The XML Bookmark Exchange Language (XBEL)
ブックマーク互換用のXML。うちではこれをリンク集として応用しています。

解説

ブックマーク記述言語「XBEL」ToyFish.Net
元々が簡単な仕様なので、覚える事はさほど多くありません。
お手軽XBEL作成手順適宜覚書
ブックマーク(お気に入り)からXBELを簡単に出力する方法。

CSS

仕様

準備中

解説

CSS Dencitie鳥さんの棲むところ
ようこそ、CSS Dencitieへ。ここは、CSSをしっかり学ぼうという人の為のサイトです。既にこのレベルに達したという方でも、ある程度の情報源になるサイトを目指します。
CSS適用方法ホームページ・ビルダーで作るはじめてのWebページ
モバイル機器へのCSS適用は、以下のパターンが考えられる。モバイル機器向けのメディアタイプはhandheldとなる。なお、HTMLの説明では、HTML4.01の文法に基づいて説明。携帯版Operaの対応状況なども。

リファレンス

Cascading Style Sheets Reference
このリファレンスは,いわゆる初心者が学ぶための入門解説ではありません。ある程度の予備知識が必要です。このリファレンスの対象は,ウェブの何たるか,HTML の何たるかを理解している人,あるいは理解しようとしている人 etc… に向けられています。CSS を正しく理解し,利用しやすいものにするためには,前提として,ウェブや HTML について,正しい知識を持っていなければなりません。CSSに関する総合情報サイト。
ばけらのCSSリファレンスHTML鳩丸倶楽部
CSS2 を元に、CSS1 のデータも加味して作成した CSS リファレンスですが、まだごく一部しかできていません。

スタイルシートの実例

高天原スタイルシートギャラリー弓状列島「高天原」
画像やフロートに依存せず、いかに読みやすくするかを探求中。
底なし井戸スタイルギャラリー底なし井戸の底の底
虹スタイルは初代高天原スタイルにかなり影響を与えました。
「言葉 言葉 言葉」スタイルシートギャラリーPC Tips
偉大なスタイルの原典。シンプルでかつ洗練されたCSS。@NetHome第四版は今でも傑作だと思います。
果ての領域スタイルシート展示場果ての領域
HateStyle-013が特に抜きん出た秀作
スタイルシートライブラリ - W.F.N.場Well-Formed Nzawa
サンプルの記述が非常に丁寧で、高天原も結構参考にしてます。モジュール化をCSSに取り入れた興味深いサイト。
CSSギャラリー@箱庭箱庭
理系らしい(謎)大人しいスタイルが多いです。
ささやかなスタイルシート集おすそわけ
論文用に作成されたスタイルシートなど
スタイルシートギャラリー@月の裏側の休息所月の裏側の休息所
シンプルを通り越して「さっぱり」に達しているような気も。全体的に私好みのスタイル。
CSSでいけてるデザインサイトリンク集おすそわけ
Web製作管理板@2ch掲示板の「CSS でイケてるデザインサイト」スレにて挙げられたイケてるデザインサイトのまとめ集。

HTTP

仕様

準備中

解説その他

HTTPレスポンスヘッダ
HTTPの仕組みが解る人向け。自分のサイトがどういう情報を出しているのか確認できる。
HTTPステータス・コード一覧CyberLibrarian
HTTPにおける代表的なステータス・コードの一覧。最低限403と404と500は覚えておいていただきたいところです。

.htacess

仕様

準備中

解説その他

ミケネコの.htaccessリファレンスミケネコ研究所
本当はもっとたくさん機能のある .htaccess。Apache 1.3 用。非常に簡単にまとめられている。

Webサイトを作成する上で便利なツール

Another HTML-lint gateway
HTML文書の文法をチェックし、採点します。サーバが重いのでローカルで動かすと良い感じ。
Online Image Optimizer: Optimize your GIFS, JPGS, and PNGS online.
Image Optimizer lets you easily optimize your gifs, animated gifs, jpgs, and pngs, so they load as fast as possible on your site. Furthermore, you can easily convert from one image type to anotherJPGやPNG画像を、圧縮率や色数を操作することでサイズを削減するツール。削減率に応じてサムネイル表示してくれるため、大変便利。
[ワツニュ]人ん家のスタイルシートで表示ワツニュ
人ん家のページを人ん家のスタイルシートで表示出来ます。自分の作ったCSS、あるいはHTMLが他所ではどう繁栄されるのかを比較するのに便利です。

この記事について