「html5」タグアーカイブ

Google 検索結果のソース

ふと思って「Google 検索結果のソース」というものを見てみました。

骨組みとして次のように表示されました。

Google 検索結果のソース

<!doctype html>
<head>
<title>検索キーワード - Google 検索</title>
<script>
javascript の内容
</script>
<style>
280 に及ぶセレクタ
</style>
<noscript>
<style>
</style>
</noscript>
<script>
</script>
</head>
<body id=gsr topmargin=3 marginheight=3>
中間省略
</script></div>

<!doctype html> が html5 志向ということがわかるが、<meta> は一個もナシでこれも html5 では問題ないようだ。

<style> <script> に type="text/css" が付いていない、これも「値が空白でない一個のみ」の前提で省略可能のようです。

しかし javascript 内では省略すると働かないので、Google でも付けています。

この仕様は、スタイル・システムを指定しません。しかし、CSS がほとんどのウェブブラウザでサポートされていると期待しています。

即ち「適切な要素を使って、ドキュメントを簡単に再スタイルできるのか」という観点から来ていることのようです。

ただ、最も不思議なのは末尾に </body> と </html> がなく、</script> や </div> で終わっていることです。

恐らくこれは冗長な部分は終了タグを省略可能ということで省略しているのかなとも思う。

aBowMan

あまりにめんこかったので、hamster を入れて見た。

餌をねだる仕種の時、クリックすれば、餌が降ってきます。

html5

ちょっと気になったので、私の環境ではどうなんだろうと html5 <audio> を試してみた。

無料ブログの方では mp3 のアップロードができないので、プロバイダ・サービスのスペースに置いてあるものをソースとしてみた。
画像の下段は <object> 要素による WordPress プラグインによるプレイヤ。

<audio src="プロバイダ・サービス/picnic01.mp3" controls autoplay></audio>
<object type="application/x-shockwave-flash" data="player.swf" id="audioplayer1" height="24" width="200" onfocus="this.blur()">
    <param name="movie" value="player.swf" />
    <param name="FlashVars" value="rightbg=0xc2ff90&playerID=1&soundFile=プロバイダ・サービス/picnic01.mp3&autoplay=true" />
    <param name="quality" value="high" />
    <param name="menu" value="false" />
    <param name="wmode" value="transparent" />
</object>

ubuntu

Firefox はまだ未対応

Firefox 3.6.6 firefox はプレイヤは表示されず、グレイのスペースだけが要素の存在を示している。

同じ Gecko エンジンの Flock 2.5.6 flock はメインでないので、プラグインなども整備していないためか、windows 同様空白だった。

Opera

Opera 10.60 opera はプレイヤが表示されるものの自動再生はおろか、ボタンをクリックしても再生されず。

Google Chrome

Google Chrome 5.0.375.99 chrome はバッチリ !

プレイヤの高さが高いが、開くと再生が始まり、キャレットのようなプログレス・ポジション。

Konqueror

Konqueror 4.4.2 konqueror は厳密には Webkit と言えないのか、プレイヤは表示されるが、クリックしても再生ならず。

Epiphany

Epiphany 2.30.2 epiphany は青丸でポジションを示して自動再生。流石 Webkit。

windows

windows では IE Internet Explorer のバージョンに関係なく、更に Firefox, Flock でも空白が表示されるのみ。

Opera

Opera 10.60 opera は ubuntu 同様プレイヤが表示されるものの自動再生はおろか、ボタンをクリックしても再生されず。

Google Chrome

Google Chrome 5.0.375.99 chrome は ubuntu 同様バッチリ !

Chrome Plus Chrome Plus でも再現。

win Safari

win Safari 5.0.533.27 win safari は流石 Mac デザイン。 もちろん自動再生もバッチリ !

人によっては細くて操作しにくいがあるかもしれない

結局はオーディオはまだまだ html5 には程遠いってことか。