【レポート】XHTML5としても使えるHTML5の記述方法 | エンタープライズ | マイコミジャーナル
A vocabulary and associated APIs for HTML and XHTML WHATWGブログにXHTML5 in a nutshellというタイトルのもと興味深い内容が紹介されている。HTML5をXHTMLとしても利用できるように制作するにはどうすればいいかを簡単にまとめたもので、将来的にはXHTML5と呼ばれるものになるであろうXHTMLの存在に軽く触れるものとしても参考になる。 HTML5でページを制作する場合、XHTML5で策定されるであろう機能とHTML5の機能と双方ともにサポートしている機能のみを採用すれば、HTML5としてもXHTML5としても利用できるようになる。XHTML5としても使えるようにすることの利点はHTML5をXMLベース技術として拡張しやすくなる点にある。XHTML5 in a nutshellの説明によれば、HTML5としてもXH
You can still use div | HTML5 Doctor
“Sorry, can you say that again?”, I hear you ask. Certainly: you can still use <div>! Despite HTML5 bringing us new elements like <article>, <section>, and <aside>, the <div> element still has its place. Let the HTML5 Doctor tell you why. Status: Unchanged In HTML 4, the <div> element was defined to be a generic element for structuring a page. Although you can allude to the nature of its content b
第1回 WebSocket登場までの歴史 | gihyo.jp
はじめに 初めまして。NTTアドバンステクノロジの金城と申します。幸運にも記事を執筆させていただけることになりました。WebSocketという新しいウェブの規格についての連載を、全4回の予定でお届けします。 用語統一について WebSocketは「WebSocket」「WebSockets」、単語を切り離した「Web Socket」等、表記に揺れがあります。2009年12月22日のワーキングドラフトのタイトルは「The Web Sockets API」となっていますが、2010年4月26日のエディターズドラフトでは「The WebSocket API」となっています。この連載では、最新の仕様書に則り、用語を「WebSocket」で統一します。 HTML5とWebSocketの関係 WebSocketは、もともとHTML5の一機能として仕様の策定が進められていました。しかし、Web S
書籍情報―HTML5タグ事典
≪次世代Web標準！≫ ≪Webデザイナー」にはデザインしやすく、「Webプログラマー」にはシステムを作りやすく！≫ 「HTML5」は、「HTML4.0」の気軽さや自由さを継承し、「インターネット上のメディア」として策定された、新しい規格です。「Webデザイナー」にはデザインしやすく、「Webプログラマー」にはシステムを作りやすくなることが目的とされています。 同規格の登場の影響もあって、「iPhone」や「iPad」で知られるAppleは「Flash」を採用せず、「HTML5」を積極的に採用するスタンスを明確にしました。また、これまでWeb標準への対応が遅れていた「Microsoft Internet Explorer」も、「Internet Explorer 9」では「HTML5」や「SVG」への対応を発表するなど、Web全体を巻き込む正式な規格となりつつあります。 本書は、この「HT
【レポート】src=""とhref=""で無駄リクエストが発生する問題、ブラウザ対応状況 | エンタープライズ | マイコミジャーナル
Nicholas C. Zakas is a web software engineer who specializes in user interface design and implementation for web applications using JavaScript, Dynamic HTML, CSS, XML, and XSLT. HTMLのimgタグおよびscriptタグで「src=""」が指定されている場合、またはlinkタグで「href=""」が指定されている場合、リクエストが発生してページの取得が実施される振る舞いをするブラウザがあることをNicholas C. Zakas氏が指摘している。しかも空URL指定で取得されるコンテンツは何にも使われることなくそのまま消えていくという、まさに通信帯域だけを消費するという無駄な動きになっているという。 こうした動作の違
Polyglot マークアップ: HTML 互換の XHTML 文書
この文書「Polyglot マークアップ: HTML 互換の XHTML 文書」は、W3C の HTML Working Group による「Polyglot Markup: HTML-Compatible XHTML Documents (W3C Working Draft 24 June 2010)」の日本語訳です。 この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。また、この日本語訳自身も更新されている可能性があります。日本語訳の最新版は、http://standards.mitsue.co.jp/resources/w3c/TR/html-polyglot/ から参照することができます。古いものについても、Web 標準仕様 日本
HTML5の更新：代替テキスト、Polyglotマークアップ草案が追加 | Web標準Blog | ミツエーリンクス
24日付けで、HTML5関連草案が更新されました。また、新たにふたつの草案が公開されました。 HTML5 HTML Canvas 2D Context HTML Microdata HTML+RDFa 1.1 HTML5 differences from HTML4 HTML: The Markup Language HTML5: Techniques for providing useful text alternatives Polyglot Markup: HTML-Compatible XHTML Documents これまで公開されていた草案については、HTML5仕様の更新に基づくアップデートが主な変更点になります。HTML5 differences from HTML4のchangelogから、気になったものを抜き出してみました。 電子メールなど別の方法でタイトルが存在するケー
オレサマHTML5はごめんだ
デベロッパーのあいだでHTML5の重要性が高まってくるにつれ、各ブラウザベンダは自社のブラウザがHTML5にいかに対応しているか、あるいは今後すばらしい実装計画があるか、といったことをアピールし始めました。 Webの新しい標準となることが決定的とされているHTML5に、多くのベンダが注目し、競うように実装を進めていることは歓迎すべきことです。これからのWebが1つの標準に基づいた高い互換性と、競争によってより品質の高いソフトウェアの提供が行われると期待できます。 しかしその一方で、行きすぎた競争による残念なことも起きています。 わざと誤解を与えようとするアップル アドビのFlashはクローズで、HTML5はオープンだ、と言ったスティーブ・ジョブズ氏率いるアップルが「HTML5 Showcase」と銘打ったWebサイトのデモンストレーションコーナーを開設。しかし、「HTML5 and web
Events - HTML Standard
IndexElementsElement content categoriesAttributesElement interfacesAll interfacesEventsHTTP headersMIME typesIndex The following sections only cover conforming elements and features. Elements This section is non-normative. List of elements Element Description Categories Parents† Children Attributes Interface a
MeLab. » Blog Archive » コーディングコンテスト作品でのHTML5紹介（1） 画像の代替テキスト
HTML5以前のalt属性には「その画像の説明」を入れるのが通常でした。 しかし、HTML5からはアクセシビリティが考慮され、その画像が表示されなかった場合でも文書の意味を失わず、その画像の代替を示すものが求められます。 例えば、HTML文書の本文内に画像があり、その画像がなくては文書自体成り立たない文章があるとします。 上記の場合は、その画像が表すものをテキストで記述することになります。 画像が文書の一部として機能する場合 次の「テーマ機能」部分でこのalt属性での代替テキストを入れました。 ソースコードは下記のようになっています。 <h3><a href="https://www.sixapart.jp/movabletype/customize/theme.html">テーマ機能</a></h3> <p><img src="img/im_function1.png" alt="
HTML5 での引用と引用元のマークアップ
前回の記事 で、HTML5 における引用と引用元のマークアップについて以下のような提案をしました: <blockquote> <p>エレベーターはきわめて緩慢な速度で上昇をつづけていた。おそらくエレベーターは上昇していたのだろうと私は思う。</p> <footer> 村上春樹『<cite>世界の終りとハードボイルド・ワンダーランド</cite>』より </footer> </blockquote> 引用元についての情報を footer 要素でマークアップし、かつ blockquote 要素の中に置くというアプローチです。かなり気に入っていたのですが、はてなブックマークでこんなコメントをいただきました (ありがとうございます): “Content inside a blockquote must be quoted from another source” なので引用文以外の情報を含めるのは
Apple - Safari - Introducing Safari 4 - See the web in a whole new way
Safari is the best way to experience the internet on all your Apple devices. It brings robust customization options, features powerful privacy protections, and optimizes battery life — so you can browse how you like, when you like. And when it comes to speed, it’s the world’s fastest browser.1 Learn how to make Safari your default browser Safari comes with industry-leading privacy protection techn
数式用のフリーなフォント STIX Fonts Version 1.0 ついにリリース | スラド サイエンス
ベータテストから３年あまり、ついにSTIX Fonts Version 1.0がリリースされた。 STIX (Scientific and Technical Information Exchange) Fontsは科学・技術系の数式用のフリーなフォント。多くの学術論文誌を出版しているアメリカ物理協会（AIP）、アメリカ化学会（ACS）、アメリカ数学会 (AMS)、アイトリプルイー (IEEE)、アメリカ物理学会 (APS)、エルゼビア (Elsevier)がこのSTIX Fonts projectをサポートしている。紙、Web、PDF、ワープロ文書などの媒体を問わず、将来、事実上の数式用の標準フォントとなるだろう。 WebブラウザでMathMLで書かれた数式を奇麗に表示するためにSTIXは必須のフォントだ。 HTML5ではMathMLが利用できるようになる。あなたのWebブラウザでMat
「HTML5は優先順位を間違った。もういちどセキュリティの設計からやり直すべきだ」と語るJavaScript大家のDouglas Crockford氏
「HTML5は優先順位を間違った。もういちどセキュリティの設計からやり直すべきだ」と語るJavaScript大家のDouglas Crockford氏 「HTML5の最大の問題は、優先順位を間違ったことだ。機能について議論する前に、セキュリティの扱いについて検討すべきだった」こう語るのは、JSONの発明者として知られ、Yahoo!のシニアJavaScriptアーキテクトでもあるDouglas Crockford氏。5月4日に行われたオライリーのWeb2.0 Expo 2010でのインタビューでのことです。 「もうそれを議論するには遅すぎるという人もいるが、そうは思わない。正しいことをするのに遅すぎることはないのだから」（Crockford氏） Crockford氏はHTML5は機能が重複しすぎていることも指摘しています。「Local StorageとLocal Databaseの両方が本当
IE9に対して「Canvasをフルサポートしてくれ」という草の根キャンペーン開始
マイクロソフトは現在開発中のInternet Explorer 9で、HTML5などの標準に準拠することを明らかにしています。しかし現在開発者向けに公開されているInternet Explorer 9 Platform Previewでは、HTML5のCanvasタグがまだサポートされていません。 そこでマイクロソフトに対して「Canvasタグをフルサポートしてくれ」と草の根で訴えているのが「The Internet Explorer 9 HTML5 Canvas Campaign 」です。 HTML5対応チェックでまだ160点中19点 キャンペーンのページでは「The HTML5 test」というサイトが紹介されています。これは表題通りWebブラウザのHTML5対応度を測ることができるWebサイト。160点満点で、Webブラウザごとに以下の得点を現在のところ獲得しているとキャンペーンサイ
どうでもいい雑記その795 : 雑記帳 : rusica.net
Category: Web関係 HTML5対応：divで乗り切れ: 万象酔歩 まー、色々思うことがあるけど、とりあえずTwitterでぼやいたことをコピペ+加筆修正。 cssでの条件定義。例えばtableで奇数行ならどうこう、偶数行なら動向といった定義。とか言ってるけど、疑似クラスでそんなの既になかったっけか？ nth-childとか使えばいいんじゃないの？ あんまよく知らんけどさ。 特に理由がないのに既存の文書をわざわざ書き換える意味が分からない。HTML5を使って何かしたい、ってことなら分かる。ただ単にHTML5が出るからというだけで、XHTMLもしくはHTML4.01から乗り換える意味はないと思う。っていうか、意味ない。 XHTMLが勧告されたときも似たような記事というかそういうのを見た気がする。別に既存のHTML/XHTMLが廃止されるわけじゃないんだから、そのままにしておけばいい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
さて、予告通りInteropだ〜W3Cブースレポート - あのー（￣△￣；
Masataka Yakura on Twitter: ""<!doctype html>" はHTML5ではOKだけれど、XHTML5…というかXML全般ではill-formedになる。"polyglot"なHTML5文書を志向するひとは注意。 http://www.w3.org/TR/xml/#NT-doctypedecl"
Blogger