ホーム > タグ > XHTML

XHTML

[seminar] WCAN 2009 Autumn SESSION-2 菊池崇さん [study]

Pocket

wcan2009AutumnL

時間作れたんで、昨日の続き。

[seminar] WCAN 2009 Autumn [study]

ではでは、WCAN 2009 Autumn のSESSION-2 菊池 崇さんのお話について。

2)60分できる!実践 HTML5 & CSS3ウェブサイト 菊池 崇さん

印象が残っている内容と、メモ書きしている内容を列挙。

・HTML5の日本の盛り上がりはすごい!海外では日本よりはあんまり盛り上がっていない。なぜなら、仕様がまだFixしてないから。

・W3Cがフィードバックが欲しいため、2009年10月公開と発言!まんまとしてやられたということです。
(今のドラフトはまだ変わる。仕様決まるのは来年2~3月くらい???)

・XHTML+SVG+SMIL+XForm(XHTML2.0は互換性がない。。。)

・Web Forms2+Web Application1.0=HTML5の基本の基本。

・HTML5が生まれた理由は、ブラウザのパーサ問題とエラーのハンドリング問題を解決しようよ!という趣旨。
(HTML5が生まれた理由:「ブラウザのパーサーの問題」、「エラーの扱いの問題」。
Safari、Chrome、Firefox、OperaはHTMLパーサーと、XMLパーサーを搭載しているが、
Internet Explorerは8でもHTMLパーサーのみ。。。やっぱりIEですね。。。)

・Alexsaのトップサイト93%がなんらかのエラーを含んでいる。 (93% invalid)

・DOM(ドキュメントオブジェクトモデル)を基本として、作成すれば、パーサ問題とエラー問題が解決!

・全部、Javascriptを使うと、いろんなことができる!!
(Web Works,Web socket,Web Storage,Web Database,Geolocation API)

コンテンツ・モデル – HTML5タグリファレンス – HTML5.JPから引用。

content-venn

・HTML5について、<h1>がいくつあってもOK。html5にはDTDはない。、<!DOCTYPE html>でスッキリ。
img要素にaltが必須ではなくなった。すげぇー!まぁ必須ではなくなったんで、あってもいいんですよ。
html5

・チェックするならこのサイトが一番いい!
Validator.nu (X)HTML5 Validator

・html5用のreset.cssには、sectionなどの新しい要素に対してはdisplay:block;をかける必要がある。
(なぜなら、モダンブラウザがHTMLの新要素をインライン要素として扱ってしまうため。)

・IE8専用のjavascriptをレミーさんが作ってくださった。その名も、html5.js

・CSS3について、Vender prefixについて要確認!

・簡単に言えば、CSS3だけで、グラデーションや、ドロップシャドーとかができるようになった。あのiPhoneの下側が透明で反射してるやつも可能。
けどね、あれはもう古いデザインだと思うんですよ。ww

・マウスオーバーすると変化するようなアクションも可能。数秒違いで、ぜんぜんイメージが変わってくる。

・Blockで定義しているので、レイアウトの配置を変更することが簡単になった。

最後に、
html5はjavascriptとDOMを勉強しておいてくださいね。
とのことです!

そんな感じですです。

From xxxYukihiroxxx

Pocket

[html5] どこまで作りこむことができるか挑戦したいと思う。 [challenge]

Pocket

ベースをどうしようか?というのが問題だが、とりあえず、先日記事として投稿した3Dベースでやってみたいと思うが、まずは自分が知っているJavascriptでできる限り操ってみようかと。

no flashかぁ。。。

時間が許される限り、いろいろと作りこんでみて公開?するかどうかはさておき、やってみたいと思う。
CMS系は恐らくXHTML1.0で止まるかもしれません。すでにHTML4.1で止まっているCMSもありますので。

けれど、XHTML2がHTML5に統合という話も出てきておりますので、今後の動向に注目です。

XHTML 2 WGが活動終了へ、XHTML 2.0も策定終了に Web標準Blog ミツエーリンクス

消えちゃうといけないので、とりあえず引用しておきます。

2009年07月03日
XHTML 2 WGが活動終了へ、XHTML 2.0も策定終了に
フロントエンド・エンジニア 矢倉

タイトルのとおりですが、XHTML 2.0をはじめとする各種XHTML仕様を策定していたXHTML 2 WGの活動が、年内で終了することがアナウンスされました。W3Cは、今後はHTML5に注力すると発表しています。

今後のXHTMLはHTML5でXHTML 1.1などのメンテナンスは活動終了までに行うものの、次世代のXHTML仕様はXHTML2 WGで行いません。すなわち、XHTML 2.0の策定は終了ということになります。

今後のXHTMLは、HTML5で定義されます。名前が「HTML5」とあるため紛らわしいのですが、HTML5仕様にはXML構文も含まれており、これは「XHTML5」と便宜的に呼ばれています。XMLでもcanvasやvideo要素などを利用することができるのです。

「XHTML 2.0と統合する」というわけではありませんが、機能のほとんどすべてがXHTML5でもカバーできるとされています。
#たぶんここ、誤字かと。XHTML5->HTML5

XHTMLの今後に関するFAQも公開
HTML5の策定については以前より「XHTMLを蔑ろにしている」といった誤解が多く見られます。今回の決定でさらに誤解が広まることを危惧したのか、「Frequently Asked Questions (FAQ) about the future of XHTML」という文書があわせて公開されています。先ほど日本語訳を公開しましたので、参考にしていただけたらと思います。

XHTML の今後に関する FAQ

解決すべき問題の幅広さ、大きなテーマである「実装の互換性確保」など、HTML5の策定には時間がかかります。少しずつですが進んでいってくれればと思います。

W3C,マークアップ言語「XHTML 2」を「HTML 5」に統合へ:ITpro

消えちゃうといけないので、とりあえず引用しておきます。

W3C,マークアップ言語「XHTML 2」を「HTML 5」に統合へ 記事一覧へ >>  Web関連技術の標準化団体World Wide Web Consortium(W3C)は米国時間2009年7月2日,マークアップ言語HTMLをXMLで再定義した言語「XHTML 2」について,策定担当ワーキング・グループ(WG)の憲章(行動指針)「XHTML 2 Working Group charter」の適用を2009年末で打ち切ると発表した。同憲章を更新せず,HTML担当の「HTML WG」に投入するリソースを増やすことで「HTML 5」仕様の策定作業を加速させ,HTML開発の方向性を明確化する考え。

W3CはXHTMLをHTMLのXMLシリアライゼーション(XML形式への変換)と見なしている。HTML 5仕様にXMLシリアライゼーションを含め,引き続きHTML WGで検討していく。現在HTML 5仕様でこのXMLシリアライゼーションは「XHTML 5」と呼んでいるが,今後HTML 5仕様のなかで定義する見込みという。

XHTML 2 WGが提供している仕様書などは,ほかのWGが作業を引き継ぐ。

[発表資料へ]

(ITpro) [2009/07/03]

最近、注目していた記事が消える消える。。。
キャッシュを探しに行くというのもなんか嫌なんで、引用するようにします。
本当にMemo代わりになってしまいそうですが、申し訳。

From xxxYukihiroxxx

Pocket

「ブラウザチェック」 Macを購入するべきかどうか…。

Pocket

いろいろと検索してみたんですが、やはりキャプチャー画面の提供はありますが、動作確認まではさすがにない。
前々から検討していたが、ブラウザチェックのためにMacを購入するべきだろう。と。

中古でもいいからという妥協はしたくないので、最新型を検討したがやはり高い。。。
で、今注目しているのは、
iMac MB325J/A (2800)
最安値
¥169,784

MacBook 2000/13.3 アルミニウム MB466J/A
最安値
¥119,680

5万の差でノートとデスクトップ。。。

ちなみにWinXPがノートで14.1 インチ。Macだと、13.3 インチ。
解像度もSXGA+ (1400×1050)とWXGA (1280×800)。

あと、作業用のデスクトップは24インチのデスクトップ。WinVista。
この大きさに慣れてしまったので20インチはちと辛い。

かなり悩む。。。

From xxxYukihiroxxx

Pocket

[html] iframeのちょっとしたメモ

Pocket

HTMLタグ/フレームタグ/インラインフレームの枠線を消す – TAG index

XHTML+CSSコーディングに変更してから、iframeは使っていなかったが、どうしても必要だったので使いました。
他の方法はあります。
自分の場合だったら、Flashで組み込みます。Javaでも組み込めることは可能ですが、Flashの方がてっとり早い。

でも、今回はiframeで行くことに。

iframeタグなんてめったに使わないので、調べると結構面白い情報がいっぱいあった。

IFRAME を使わない方法の補足

Validにならないので、回避策です。

情報ありがとうです。

From xxxYukihiroxxx

Pocket

[CSS] borderが消える?!

Pocket

Taste of MovableType

多謝です。

Firefox2.0、3.0とかSafari、Operaでは大丈夫なのに、IE系は

ん?

状態だったので、調べたところIE特性のバグだったみたいで。

こちらによく分かる解説がありました。
Internet Explorer (Windows) CSSバグリスト

【症状】
「高さが指定された要素内にあるインライン要素にパディングやボーダーが指定されているとき、パディングやボーダーの親要素をはみ出している部分が消えてしまう。」

【解決策】
「インライン要素に position: relative; を指定する」

これでばっちり、すっきりしました。

本当にありがとう。

From xxxYukihiroxxx

Pocket

Home > Tags > XHTML

Search
Feeds

Return to page top