第5回 HTML文書のセマンティック化を実践してみよう
Webページをソーシャルメディアが理解しやすいコンテンツにすることは、Webサイトの管理者にとって大きなメリットがあります。単に多くの人に見てもらうというだけでなく、最も届けたいと思っているユーザー層に的確にコンテンツを届け、そしてコミュニケーションの種として使ってもらうことができます。 そのためには、この特集でこれまで書いてきたようにWebページをセマンティック化する必要があります。第2回～第4回で、セマンティック化するための標準仕様であるOpen Graph Protocol、HTML5、Schema.orgについて解説してきました。今回は、これらを使って実際にHTML文書をセマンティック化していきましょう。 プロフィールページをサンプルに見てみよう セマンティックを記述していくHTML文書のサンプルとして、特集の第1回で使った「ある人物のプロフィールページ」を取り上げます（図1左）。
セマンティックなマーク付けとメタデータ活用 | warikiru
2009-07-08 セマンティックなマーク付けとメタデータ活用 ラベル: report セミナーが始まる前、黙って座っているとなんだか怖い数学の先生みたいだったけど、 しゃべり始めると、とても優しそうな人で安心しましたｗ ユニバーサルWebからセマンティックWebへこの本は2002年の段階から計画していた。 初めはユニバーサルHTML/XHTMLの続編を書いて欲しいといった出版社からの依頼だったが、多くの方が(X)HTMLについて書かれているので、あまり必要ないと思った。それよりもセマンティックWebについて書きたい。 「セマンティックWeb」、へんちくりんで難しいと思われているものだけど、切り口を変えてみれば案外伝わるのかも（CSS Niteなどでの講演体験から） RDFaが勧告になったときチャンスだと思った。 今回の講演のタイトルがKISS：Keep It Simple, Stupi
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
セマンティックHTML? KISS!
Keep It Simple, Stupid ウェブの文書とデータ 人間が読むためのウェブ文書にはさまざまな情報が詰まっている コンピュータ（エージェント／処理ソフト）はHTMLから文書構造の大枠を把握して提示できるが、内容（データの意味）は基本的に関知しない コンピュータ処理用のデータは別途用意する？ 両方まとめて、シンプルにしよう！ HTML文書中のデータをコンピュータ処理も可能にする HTMLのシンプルさを生かすことが大切 しかしコンピュータにとっても明快でシンプルであること だからセマンティックHTML ウェブリソースの型と関係 ウェブ文書中のデータを明示するためには 文脈によらない識別（名前付け）：何が同じで何が異なるかを明確にする データはどんなタイプ（型）か：文書について？ あるいは文中の映画について？ データどうしの関係：この日付は映画の封切り日？ 映画を観た日？ ウェブ文
XHTML Role属性モジュールが最終草案に | Web標準Blog | ミツエーリンクス
XHTML2ワーキンググループは先週末、XHTML Role Attribute Moduleの最終草案を公開しました。 値に「コンパクトURI (CURIE)」という特殊なURIを用いるrole属性は、ARIAの実装において重要な技術です（「アクセシブルなRIAとHTML 5の関わり」もご覧ください）。また、値が文字列であるclass属性とは違い、要素の意味を決定することが可能となります。 WAI-ARIAやrole属性の実装ですが、Firefoxで限定的に始まっているようです。Mozilla Developer CenterのARIA: Accessible Rich Internet Applicationsというページでは、WAI-ARIAの概要やrole属性を用いた多くのコードサンプルが公開されています。 さて、role属性やWAI-ARIA、どちらも今後のWebにとって注目すべ
XHTML Role 属性モジュール
要素に役割を与え分類するためのモジュール 2007 年 10 月 4 日付 W3C 草案 (Working Draft) この版: http://www.w3.org/TR/2007/WD-xhtml-role-20071004 最新版: http://www.w3.org/TR/xhtml-role 前の版: http://www.w3.org/TR/2006/WD-xhtml-role-20061113/ 前の版との差分: xhtml-role-diff.html 編集者: Mark Birbeck, x-port.net Ltd. Shane McCarron, Applied Testing and Technology, Inc. Steven Pemberton, CWI/W3C® T. V. Raman, Google, Inc. Richard Schwerdtfeger,
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
ちょっとしたメモ - 宿題：body要素内からのprofileもしくはGRDDL
「名前のウェブとXHTML文書のプロファイル」をお話したとき、「ウェブログサービスなどでhead要素に手を加えることができない場合、body内部でプロファイル指定（あるいはGRDDL呼び出し）をする方法はないのか」という質問をいただきました。その場では即答できず、宿題ということにさせていただいたので、GRDDL仕様の検討事項（issues）での状況と、他の規格を組み合わせる可能性について報告しておきます。一言でいうと、「GRDDLではその必要性は提起されているが、結論は先送り。“リソース群”についての記述を利用すれば可能かも」というところです。 GRDDLのissue-tx-elementと題された検討事項では、ちょうど上記の質問と同様に、「XHTMLの一部だけを編集できる環境でクリエイティブ・コモンズ・ライセンスをa要素に記述するとき、rel属性値はどうすればよいのか」という疑問から出発
名前のウェブとXHTML文書のプロファイル
情報は伝わるか？ そもそも情報は伝わらない… 生命情報：生物が世界と関係することで出現する、意味のある（識別できる）パターン 観察者（主体）が世界をどのように捉えるか（関係）を表すパターン。人によってその関係＝パターンは異なるので、完全には伝えられない。 社会情報：生命情報を人間が（ことばとして）記述する 共同体（国家、コミュニティ…）での共通了解＝意味のとりあえずの固定（規範化作用） 機械情報：言葉の記号作用の「記号表現」だけを取り出したもの コンピュータ、ネットワーク上のデータとして蓄積、交換される （西垣通 『ウェブ社会をどう生きるか』） そこを何とかうまく伝えるためには 明晰な論理と文章 分かりやすい情報のかたち 互いに理解できる名前 情報の伝達と名前 機械情報を介した情報のコード化と再構築 情報が伝わるためには、まず社会情報が適切に再現される必要がある 同じ社会情報でも人によって
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
一歩先のWeb標準 ♯3 | Webデザイナー・クリエイター > アイデアノート | withD