メタ情報をXHTMLに埋め込むRDFa | Web標準Blog | ミツエーリンクス
6月20日に、RDFa構文仕様の勧告候補が公開されました。順調に進めば、今年中にも勧告されるのではないかと予想しています。 さて、勧告となってはいないものの、試験的にWeb標準仕様 日本語訳一覧にRDFaを導入してみました。今回はこのページをサンプルに、簡単なRDFaの解説をしようと思います。 RDFaとは RDFaは、メタ情報をXHTMLで表現する仕様です。RDFをデータモデルに用いることで、より柔軟で多彩なメタ情報を埋め込むことができます。メタ情報を埋め込む方法は何通りかありますが、もっともシンプルなものは、従来のmeta/link要素による指定とほぼ変わりません。 たとえば、ページの説明を記述するとき、XHTMLやHTMLではこう記述します。 <meta name="description" content="ページの説明" /> RDFaでは、新しく導入されたproperty属性を
Web標準仕様 日本語訳一覧
CSS メディアクエリー 画面サイズなど、媒体の持つ特徴を利用し、スタイルシートを適用するための仕組みを提供します。 原文: “Media Queries” (W3C Recommendation 19 June 2012) セレクタ Level 3 :nth-child()や:not()など、新しいセレクタを定義するモジュールです。 原文: “Selectors Level 3” (W3C Recommendation 29 September 2011) CSS 名前空間モジュール CSSで名前空間を扱う@namespace規則を定義しています。 原文: “CSS Namespaces Module” (W3C Recommendation 29 September 2011) CSS カラーモジュール Level 3 opacityやrgba()など、色に関する値やプロパティを定義す
XHTML 2.0の目的と今後のXHTML | Web標準Blog | ミツエーリンクス
先週開かれたW3C TPAC Weekというイベントにて、XHTML 2ワーキンググループおよび、HTMLワーキンググループの部会に出席してきました。今回は、XHTML 2.0の現在のWebとの関わり、および今後について、部会で得た情報をもとに考えてみます。 XHTML 2ワーキンググループが考えるHTMLとは、その名の通り「文書をマークアップするための言語」です。文書マークアップのベースとしてXHTMLを用い、足りない機能の追加はモジュールを定義したり、SVGのような他のXMLフォーマットを取り込むアプローチをとっています。 XMLの持つ拡張性と、XHTMLの汎用性を組み合わせることで、文書そのものをアプリケーション側の処理（表示やコントロールの追加など）を分け、持続可能な文書フォーマットとしてXHTMLを利用することが可能です。eBayやTIMEでは既にXHTML 2.0を利用している
Download and Install the CSS Validator
CSS Validation Service Check Cascading Style Sheets (CSS) and (X)HTML documents with style sheets Download the CSS Validator The CSS validator is available in three different packaging: from Git for developers who want the very latest version, as a jar archive to build applications and for use as a command line tool, and (since 2009) as a war archive for server-side applications. Download the sour
いまさら聞けない“Web標準”、そしてXHTML＋CSS
いまさら聞けない“Web標準”、そしてXHTML＋CSS：いまさら聞けないリッチクライアント技術（4）（1/3 ページ） 前回の「いまさら聞けない、“Ajax”とは何なのか？」の説明の中で、Ajaxの定義の1つとして「XHTMLとCSSを使った標準規格のプレゼンテーション」というのがありました。前回の記事では、この部分をしっかり解説できなかったので、今回はこれについて解説をしましょう。 といっても、Ajaxの補足説明が今回の目的ではありません。HTML／XHTMLとCSSを使った「Web標準」について紹介します。 「Web標準」という単語はよく耳にしますが、具体的にどんなものか？ HTML／XHTMLとCSSとどのような関係があるのか？ さらに、HTML／XHTMLやCSSって何？ といった点について見てみましょう。 「Web標準？ Webを標準化することかな？」 AjaxやXML、Jav
XHTML+CSSにする55の理由
55 Reasons to Design in XHTML-CSSの和訳です。 直訳と意訳が混ざり、かなり読みにくいと思うので、参考までに。 詳細は原文サイトを参照ください。 55 Reasons to Design in XHTML-CSS 17, 55など分からない箇所は、強引に英文を入れてます。 zengarden、stylegala、cssimport、cssbeautyなどのCSSのサイトからリンクされることがあります。 マークアップする際に、余分な考えと時間を費やさなくてすみます。 どのタグが閉じるのか、考える必要がありません。 意味付けを考慮してマークアップをすると、検索エンジンに適切な内容を伝えられます。 回線の帯域を助けることができます、そしてビジターにより軽量なページで速く見せることができるでしょう。 XHTML 2.0に変わる時、より容易にできるでしょう。 テーブルレ
むしろAnother HTML-lintを使え | securecat's exblog
まじかんと雑記: まず lint より validator を使え その 2から Lint でもある程度は validness をチェックできるが、(lint の主観によって) valid でなくても指摘されなかったり、逆に valid なのに咎められたりすることがある。だから仕様書をよく知るためには、まず validator を覚えるべきなのだ。ここでいっているlintとvalidatorというのは、具体的にどれを指しているのでしょうか。なんとなく他の記事との流れも鑑みると、Another HTML-lint（以下AHL）とW3C Markup Validation Serviceのことかなぁ? という感じなので、ひとまずそうだという前提で。 （注意：以下長文です） で、気にかかるポイントとして、「valid でなくても指摘されなかったり、逆に valid なのに咎められたりすることがあ
FC2Blog - 404 Error
Page not found ご指定のファイルが見つかりませんでした 30秒後にトップページへ移動します
論理構造を文脈に読み換えながら class 名を考える - 我的春秋
POSH encapsulates the best practices of using semantic HTML to author web pages. Semantic HTML is the subset of HTML 4.01 (or XHTML 1.0) elements and attributes that are semantic rather than presentational. posh - Microformatsより 基本的にはより論理構造を意識した class名をつけることが、今日のお話の目的なんですが、semantic-class-names のリンク先にない新味は、論理構造を文脈に読み換えながら class 名を考えるという点。（ただし、普段から意識的に文書全体の構造に照らして class名をつけている方には、それほど新味はないかも。） 例によって
Another_HTML-lintへの言及 - 徒委記
Another_HTML-lintへの言及 2007年7月31日 2007年8月1日 2007年8月4日 2007年8月5日 2007年8月6日 2007年8月7日 2007年8月8日 参考資料 取り敢えず作成。 2007年7月31日 lintで100点を取る必要はない : 雑記帳 : der Gegenwart 2007年8月1日 IT戦記 - xmllint で XHTML をバリデーション 2007年8月4日 まじかんと雑記: Another HTML-lint を使うべからず まじかんと雑記: まず lint より validator を使え まじかんと雑記: まず lint より validator を使え その 2 まじかんと雑記: Another HTML-lint について その 4 2007年8月5日 まじかんと雑記: Validator/lint に関して望まれる(べき
ウェブ標準、それは状況や環境に左右されない情報伝達を実現するためのもの
何がウェブ標準で、何がウェブ標準でないか一般にW3C、ISO/IEC、IETF、ECMA、IANA、OASISといった国際的な標準化団体やガイドライン策定機関によって発行された技術や仕様、ガイドラインが、ウェブ標準の「標準」で表される技術や仕様であるとされており、「ウェブ標準技術」あるいは「ウェブ標準仕様」という。また、ウェブ標準的な仕様に基づいて定義されたウェブサイトを「ウェブ標準に準拠している」などという。 そういった団体のなかでも、特にW3C（ワールドワイドウェブコンソーシアム）が策定する各種の仕様が、最も「ウェブ標準的」だといえる。しかし、W3Cの仕様であればすなわちウェブ標準なのかというと、必ずしもそうではないのが困ったところだ。なぜこうも曖昧なのかといえば、ウェブ標準とは、「なんとなく標準的な仕様であろうもの」のこと全般を指すからだ。「ウェブ標準」に厳密な定義はなく、ときにはマ
第１回 なぜWeb標準が「ホット」なのか
Web業界では「Web標準（Web Standards）」を意識した正しい(X)HTML+CSSに基づくサイト制作が当たり前になってきている。Webのポテンシャルを最大限に活かすためのWeb標準について、基礎知識だけでなくトレンド的な観点を交えながら、「なぜWeb標準が普及してきているのか」を考えてみよう。 Web標準とは何か Web標準（Web Standards）とは、「Webで標準的に利用される技術の総称」である。では、何をもって「標準的」とするのだろうか。今日の一般的な理解では「国際的な標準化団体が取りまとめている」ということであるが、そのもっとも代表的な団体がW3C（World Wide Web Consortium）である。ほかにもISOやIETF、IANA、ECMA、OASISなどもWeb技術の標準化に大きく関わっているが、W3Cが中心的な役割を果たしているといってよい。 W
W3G - World Wide Web Guide
Go to information W3G - World Wide Web Guide W3G について 当サイトは、初学者を対象とする World Wide Web（ワールド・ワイド・ウェブ）における情報技術の解説サイトです。ウェブサイトの作り方などの基本・基礎から応用のウェブサイトの品質を高める方法など SEO対策（検索エンジン最適化・ウェブページ最適化）と Web標準（Web Standards）にフォーカスしたウェブサイトの作成情報を中心に扱っています。ただし、作者の知識が偏っているため扱っている内容も偏っています。 免責事項 w3g.jp 配下で公開しているリソースは、その正確性に万全を期すよう努力しておりますが、その内容の正確性、有用性、安全性等については、いかなる保証を行うものでもありません。また、当サイトの利用者が掲載情報に基づいて下した判断および起こした行動により、いか
Web標準普及プロジェクト
ブラウザを選ばないWebサイトを作ろう! オーサリングツールや、テキストエディタを使ってHTMLファイルを作り、 自分の使っているWebブラウザで表示を確認する、 多くのWebサイトを作る人にとって当たり前かもしれない作業です。 しかし、ご存じでしょうか? あなたの表示確認に使っているWebブラウザを全ての人が使っているわけではありません。 あなたの持っていないWebブラウザで、あなたのWebページはどのように表示するのでしょうか? それは実際に表示させてみなければ分かりません。 しかし、WebブラウザはWeb標準仕様に沿うように開発が進められています。 そのため、Web標準仕様を知ることによって、Webブラウザを選ばないWebサイトを作ることができるようになるのです。 当サイトではWeb標準仕様に関する様々な情報を公開していますので、 あなたも是非、Web標準仕様に沿ったWebブラウザを
Web標準Blog | メソッド | ミツエーリンクス
Web標準Blogでは、Web標準の利用に興味のあるWebサイト管理者、Webデザイナーの方向けに、Web標準を利用するための手法やノウハウ、参考になるリソース等を、国内外を問わずご紹介します。 2013年1月のW3C: CORS勧告候補、Navigation Timing 2公開 CSSモジュールの2草案が更新 1月3日付で、CSS Text DecorationモジュールとCSS Cascading and Inheritanceモジュールの草案が公開されました。 CSS Text Decoration Module Level 3 CSS Cascading and Inheritance Level 3 Text DecorationモジュールはLast Callとなります。2011年11月版の草案から大きな変更はありせん。 Cascading and Inheritanceモジュ
Web標準を考える。
何故、CSSが使われるようになったか？それは、CSSが良かっただけじゃなくて、SEOのためにCSS + XHTMLが必要になって、その代わりにネスケ４を忘れて良いことになったから。 hidetox blogさんの Webの「標準」って？ >でも、しかし、そもそも「Web標準」って意味あるの？ >そういう問いを突き付けてますよ。 >このランキング結果は。 の指摘は納得です。 サービスに目を向けたところがポイント。 今回、多少なりとも「Web標準の日々」のスポンサーについて考えたことはある。 でも、僕のところで話を止めてしまった。今回、スピーカーで参加した流れで、僕が出して欲しいって言えば、実際にお金を出す責任者に話を持って行って、その有効性に対して議論してもらうことは可能だったが、一番最初のきっかけになった僕が自己判断で進めなかった。 それは、サービス会社が費用対効果を目指して、「Web標準
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなアンテナ
HugeDomains.com
実践Web Standards Design—Web標準の基本とCSSレイアウト&Tips (単行本)