IrodorI One-Poem Worldの検索結果

Apple: Safari 9のページピン用アイコン（再挑戦）

先日Safari 9のページピン用アイコンの作成に四苦八苦した記事を書いたが、やはりうまく動作していないことがわかった。というのも、当初はfaviconと同じデザインのものを黒くしただけだったが、色がない場合は線が太いほうが見やすいと思い、アイコンのデザインを変えてデータを入れ替えたものの、うまく反映されないのだ。どうもページピン用アイコンは一度設定されるとキャッシュに残る仕組みのようで、ページを再読み込みした程度では変更されないようだ。手順は後でまとめて書くが、キャッシュを消してアイコンを読み直そうとすると、今度はアイコンが表示されなくなった。そのため、どうも設定が間違っていたようだと気付いた。前回上手くいったように見えたのは、途中の段階で一旦正しい設定がされ、そこで読み込んだアイコンがずっとキャッシュされて表示されていたということだろう。

続きを読む "Safari 9のページピン用アイコン（再挑戦）" »

Web: HTML5とXHTML

このところ、SVGなどの（私にとって）新しい技術について調べることが増え、自然とHTML5への興味も高まってきた。これまでは各ブラウザの対応状況をhtml5test.comで見るくらいで、Safariの対応の遅さに意味もなく歯がゆい思いをしてきた程度だった。ちなみにSafari 9でもスコアは555点満点のうち400と、ChromeやFirefoxに大きく引き離されているし、Internet Explorer後継のMicrosoft Edgeにも（ほぼ同じスコアだが）追い抜かされている。

現在このサイトはXMLベースであるXHTML 1.0 Strictを使ってマークアップしている。 HTML5は従来のHTMLのように、タグを省略するなど、ある程度「ゆるく」マークアップできる言語のようだ。しかし個人的にはきちんと要素の範囲を指定して、文書構造がはっきりするXHTMLの方が好みだ。 HTML5では、XMLをベースとしてXHTML式にマークアップすることも可能なようで、XHTML5と呼ばれているようだ。 Google検索で調べてみるとすでに5年以上前からこの違いについて解説しているサイトがあり、自分の不勉強が恥ずかしい限りだ。

HTML5では文書構造を示すための要素としてsection, article, nav, aside, header, footerが追加されていて、文書の意味づけがより明確に行えるようだ。この辺りを厳密にやろうとすると、Movable TypeのテンプレートをCSSも含めて相当書き換えないといけなくなりそうだ。また、現在のテンプレートはMovable Typeのテーマ機能を使うためと思われるが、div要素の入れ子構造が深くて、あまり好きではなかった。これを機会に、よりシンプルなマークアップになるようにしてみたい。それに伴って、個別記事のマークアップも変更しなければならないかもしれない。

ただ、XHTML5でマークアップするには、サーバー側のHTTP応答ヘッダを変える必要もあるなど、やや敷居が高い。しかし従来のHTMLの延長で、限りなくXHTML5準拠に近いというような方法は可能なのではないかと思う。 HTML5への移行を、今後のサイト更新の目標の一つとしていきたい。

続きを読む "HTML5とXHTML" »