2015年10月 3日
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への移行を、今後のサイト更新の目標の一つとしていきたい。
Apple: Safari 9のページピン用アイコン
- 2015/10/08 追記
-
結局のところこの記事の内容は正しくないことがわかった。 別途記事を書きなおすが、以下の内容は参考のために残しておく。
Apple: OS X El Capitan (10.11)
OS X(Mac OS Xと今でも書きたくなってしまう)の最新バージョンであるEl Capitan (10.11)の提供が先日始まった。 前回のYosemiteではiOS 8での変化に合わせてUIデザインが大幅に変化したが、El CapitanではiOS 9のように、どちらかといえば細かな部分やパフォーマンスの改善が優先されているようだ。 これはOS Xでも何回か行われてきたことであり、10.5 Leopardに対する10.6 Snow Leopard、10.7 Lionに対する10.8 Mountain Lionがそれに当たるリリースと言えるだろう。 El CapitanもYosemite国立公園にある名所の一つということで、同様の命名規則のように思える。
さて、インストールしてみて色々と気づいた点を書き留めておきたいと思う。
- ダウンロードの容量が6GB超あり、日中不在の間にインストールしたので、実際の所要時間はよくわからない。
- バージョンアップしたことで使えなくなったソフトウェアはとりあえず無かった。Glimmer Blockerのみ、最新版で無かったので一時的に使用が止まったが、最新版はEl Capitanにも対応している。Inkscapeも特に問題なく使えている。
- まず目につくのはシステムフォントの変更か。Helvetica NeueからSan Franciscoになった。改めて振り返ると、Yosemiteでもフォントは変更になったので、2代続けてということになる。iOS 9でもSan Franciscoになったので、抵抗感はあまりないが、横幅が広いことや字体が丸みを帯びた印象を受ける。
- フォントついでに書くと、標準搭載の日本語フォントが4書体増えている。ヒラギノ角ゴシックもウェイトがW0〜W9まで増えているが、これは従来のヒラギノ角ゴとは別に、「ヒラギノ角ゴシック」というフォントが用意されている。
- 気になっていたメモアプリでも、iOSとの同期はきちんとされている。ただ、Macからスケッチを描くことはできないようだ。
- Safariのページピン機能だが、使用するアイコンはfaviconとは別に指定するようで、これがないページの場合はドメイン名の頭文字が表示される模様。その場合、アイコン部分の背景色は、そのページの背景色が使われるようだ。自分のサイトにもページピン用のアイコンを用意したが、試行錯誤があったので別にまとめたい。
- パフォーマンスの改善については、Yosemite時代でも十分速いと感じており、正直なところ違いがよくわからない。
- Time Capsuleのファイル一覧の表示が、Yosemiteよりも早くなったように感じる。
- 日本語入力が自動変換されていくのは慣れに時間がかかりそう。変換精度は良さそうに思える(でも「ヒラギノ角ゴシック」は最初変換できなかった)。