http://web.g.hatena.ne.jp/keywordlistキーワード一覧 web:g キーワード一覧 http://web.g.hatena.ne.jp/keyword/section 仕様書より カテゴリー Flow content Sectioning content 記述可能箇所 Flow contentを内容モデルに持つ要素内 内容モデル Flow content section要素は文書やアプリケーションにおけるセクションを表します。ここでいうセクションとは、内容を主題ごとにグループ化するもので、見出しやフッタとともに構成されることが多いです。 セクションの例としては、章、タブで構成されたダイアログボックスの各タブ、論文における数字のつけられた ... 2009-09-11T22:42:04+09:00 http://web.g.hatena.ne.jp/keyword/State%20of%20the%20Browsable%20Web HTMLやCSS関連の策定状況や実装状況を定期的にまとめるメモ。id:vantguardeにて公開 Dec. 2008 XHTML CSS WebAPIs HTML5 2009-05-10T02:32:09+09:00 http://web.g.hatena.ne.jp/keyword/header 仕様書の定義 カテゴリー Flow content 記述可能箇所 Flow contentを内容モデルに持つ要素内 内容モデル Flow content。ただし、header要素、footer要素を子孫に持つ事はできない header要素はナビゲーションや導入部のグループ化を行います。headerは多くの場合、セクションの見出しを（h1–h6要素またはhgroup要素）を含みますが、目次や検索フォーム、ロゴなど別の内容も含める事ができます。 次の例はheaderの例です。ひと ... 2009-05-02T12:23:57+09:00 http://web.g.hatena.ne.jp/keyword/hgroup 仕様書の定義 カテゴリー Flow content Heading content 記述可能箇所 Flow contentを内容モデルに持つ要素内 内容モデル h1, h2, h3, h4, h5, h6 から一つ以上の組み合わせ hgroup要素はセクションの見出しを表します。多くの場合、ページのタイトルとサブタイトル（またはタグライン）をh1–h6要素でマークアップしたものをグループ化するのに使用されます。 文書の要約やアウトラインなどを生成する場合、hgroup要素 ... 2009-05-02T12:00:53+09:00 http://web.g.hatena.ne.jp/keyword/article 仕様書の定義 カテゴリー Flow content Sectioning content 記述可能箇所 Flow contentを内容モデルに持つ要素内 内容モデル Flow content article要素はページ内のセクションのうち、単一の文書、ページ、またはサイトとして独立可能なものを表します。例えばフォーラムにおける投稿、雑誌や新聞の記事、weblogのエントリ、ユーザーによるコメントなどが該当するでしょう。 註：article要素が「独立可能」かどうかは、たと ... 2009-03-25T03:21:29+09:00 http://web.g.hatena.ne.jp/keyword/address 仕様書の定義 カテゴリー Flow content 記述可能箇所 Flow contentを内容モデルに持つ要素内 内容モデル Flow content。ただし、heading content, sectioning contentや、header要素、footer要素を子孫に持つ事はできない address要素はセクションに適用するコンタクト情報を表します。しかし、body要素に適用する場合は、文書全体のコンタクト情報として適用されます。 たとえば、HTMLに関するW3Cの ... 2009-03-18T02:02:26+09:00 http://web.g.hatena.ne.jp/keyword/footer 仕様書の定義 カテゴリー Flow content 記述可能箇所 Flow contentを内容モデルに持つ要素内 内容モデル Flow content。ただし、heading content, sectioning contentや、footer要素を子孫に持つ事はできない footer要素はセクションに適用するフッターを表します。フッターは多くの場合、セクションの著者、関連文書へのリンク、著作権情報など、そのセクションに関連する情報を含みます。 footer内のコンタクト ... 2009-03-18T01:28:27+09:00 http://web.g.hatena.ne.jp/keyword/hn h1, h2, h3, h4, h5, h6要素 カテゴリー Flow content Heading content 記述可能箇所 Flow contentを内容モデルに持つ要素内 内容モデル Phrasing content これらの要素は、要素が属するセクションの見出しを定義します。 要素のセマンティクスと意味は「見出しとセクション」で定義されています。 要素名に含む数字は、要素のランク (rank) を表しています。h1要素は一番高いランクにおり、h6要素は一番 ... 2009-03-17T23:21:32+09:00 http://web.g.hatena.ne.jp/keyword/aside aside要素 カテゴリー Flow content Sectioning content 記述可能箇所 Flow contentを内容モデルに持つ要素内 内容モデル Flow content aside要素は、ページ内のセクションのうち、本文の内容とあまり関係ない、もしくは全然関係ない情報で、本文の内容とは別個に考えられるものを表します。このようなセクションは、印刷物においては補足欄に現れています。 次の例は、ヨーロッパに関するとても長いニュース記事のなかで、スイスに関 ... 2009-03-17T00:50:53+09:00 http://web.g.hatena.ne.jp/keyword/nav nav要素 カテゴリー Flow content Sectioning content 記述可能箇所 Flow contentを内容モデルに持つ要素内 内容モデル Flow content nav要素は他のページや、ページ内のどこかへリンクしているセクションを表します。ナビゲーションリンクを伴ったセクションと考えて良いでしょう。 しかし、ページにある全てのリンクがnav要素内に現れる必要はありません。主要なナビゲーションブロックを含むセクションのみがnav要素の内容として ... 2009-03-17T00:14:55+09:00 http://web.g.hatena.ne.jp/keyword/Web%20Applications%201%2E0 Web Applications 1.0とは WHATWGが策定を進める、HTMLやDOM、エラーハンドリングを定めた仕様。現在はW3Cと協調して作業され、HTML 5 (HTML5)と改称している。 2008-12-30T16:02:55+09:00 http://web.g.hatena.ne.jp/keyword/HTML5 HTML5とは WHATWGとW3CのHTML WGが策定する仕様。 HTML5の構成 名称に「HTML」とあるものの、これまでのHTMLやXHTMLとは違う。 語彙定義（意味や内容モデル） 「クラシックHTML」構文（非SGML） DOMインターフェース 要素や属性のインターフェース（DOM2 HTMLの置き換え） アプリケーション用API（canvas, audio/video, etc.） 各種要件 DOMへのシリアライズ処理 データ取得のアルゴリズム より厳密な適合要件 関連するWeb技術 Wo ... 2008-12-30T16:02:20+09:00 http://web.g.hatena.ne.jp/keyword/Role Roleとは XHTML Role Attribute Module（role属性）が値に持つ「役割」の定義。またRole Attribute Moduleやrole属性を指すこともある。 role属性 role属性はclass属性と似た働きで、要素の「役割」を示す。要素に与えられたRoleを参考に、アプリケーションの挙動を変化させるなどができるようになる。元々はXHTML 2.0で提供される属性だったが、その可能性やRDFaのXHTML 1.1への対応などの理由から、XHTMLのモジュールとして定義し ... 2007-10-30T21:42:43+09:00 http://web.g.hatena.ne.jp/keyword/eRDF eRDF (Embedded RDF)とは RDFをXHTMLに埋め込む仕組みの一つ。主にrel属性とclass属性を用い、bodyまたはhead内にRDFとして抽出可能なメタデータをマークアップする。 eRDFはRDFaの様にXHTMLの要素・属性を拡張して実現する技術ではない。このため、現在のXHTML (1.0及び1.1）ですぐに利用可能である。複雑なRDFは表現できないこともあるが、microformatsのように読みやすい形でマークアップできるのが利点だろう。 eRDF構文 eRDFの構文はE ... 2007-04-16T22:06:40+09:00 http://web.g.hatena.ne.jp/keyword/%E3%83%A1%E3%83%A2%3Aclass%E3%81%A8id このノートは ヘッダやフッタ、サイドバーなどが<div id="header">などと、id属性でマークアップされることが多い事についての考察。マークアップの観点から掘り下げています。 疑問 header, footer, sidebar, containerなどの属性値 とりあえず、なんでidなのか 属性の名称から考えて、classとしてそれらの属性値を与えるのが適切ではないか？ idは特定の部分に識別名をつけるためのものじゃないのか "container"など、汎用 ... 2007-03-23T19:41:51+09:00 http://web.g.hatena.ne.jp/keyword/%E3%83%A1%E3%83%A2%3A 「メモ:」とは Weblogで纏めるほどでもないものや考えがまとまらないもの、一過性の情報じゃなくノートとして公開したいものを「メモ:」とプレフィクスをつけたキーワードで管理してます。 気が向いたら加筆修正をしていきます。このためきちんとした意見になっていなかったり、論がぶれていることがあります。 トラックバック機能があるので、このメモに関して参考になりそうな情報、または反応を書いた場合はトラックバックしてくださいな。 メモ一覧 「メモ:」を含む日記・キーワードを参照おねがいします。 2007-03-20T17:30:12+09:00 http://web.g.hatena.ne.jp/keyword/%E3%83%A1%E3%83%A2%3Amicroformats%E3%81%AB%E5%A4%9A%E3%81%84%E8%AA%A4%E8%A7%A3 このノートは microformatsについて、microformats wikiを読まない人なんかがよく持つ勘違いについて考えるものです。「microformatsはなんであるのか」ではなく、「microformatsはなんでないのか」という切り口から解説していくつもりです。 microformats FAQと内容がかぶることがあるかも。 microformatsは好きに作れるものではない よく個人がclassやid, relなどに適当な値をつけ、「これはマイクロフォーマットだ」と呼ぶことがある。しか ... 2007-03-20T16:55:56+09:00 http://web.g.hatena.ne.jp/keyword/WAI%2DARIA WAI-ARIAとは Accessible Rich Internet Applicationsのこと。W3CのWAI PFWGによる、Webアプリケーションのアクセシビリティを確保するためのプロジェクト。 ARIA仕様 :ARIA Roadmap:ロードマップ。問題点についての説明や、いくつかの技術を挙げその対処例を示す。WCAGのようなガイドラインではない。 :ARIA Roles:GUIの各コンポーネント（ボタンやメニューなど）をRoleとして定義したもの。コンポーネントをwairoleとして役 ... 2007-03-18T21:54:51+09:00