Numb.

Avatar

Just another WordPress weblog

新規ウィンドウを開く手段を Valid と両立させる考察

以前に書いた Numb. - _blank を使わない新規ウィンドウの開き方 の続きにあたる記事です。一応、もう一度おさらいしてみます。

06/13 追記:
大事な部分を丸ごと書き忘れていることに気付きました orz
javascript 関連の部分を追記いたしました。

新規ウィンドウを開かせる手段を実装したい、という場合は以下の 2 種類が有名だと思います。

  • a に target="_blank" を指定する
  • javascript で設定する

しかし「ウィンドウを新たに開くかどうか」はユーザーが決めるべきことなので、作り手が決め手はいけない、という話もあります。 そのためか、XHTML 1.1 や XHTML Basic では target="_blank" という書き方は準拠していない、とされ NG になってしまいます。 「マークアップ言語である HTML で、ウィンドウ操作をする」という点も問題なのだと思います。マークアップ目的以外になるので。

でもユーザーの中にも新規ウィンドウを開く手段を実装しておいて欲しいという人もいます。 いやいや余計なお世話だから、こっちに決めさせてくれ、そんなことは実装しておかないでくれ、という人もいます。 実装して欲しい・欲しくない、という人が両方いる…ということで、じゃあ両方のリンクを制作しておけばいいんじゃ!と思いまして。今回はそんな方向でやってみました。

[Read more]

trackfeed 用貼り付けタグを Valid XHTML にするには

ブログを持っている方は、trackfeed を使用している方も多いと思います。 trackfeed とは、ブログへリンクをはってくれたサイトを RSS で知ることができるサービスです。 見てるだけでも結構楽しいですし、お気に入りです。

リンクが張られた瞬時にRSSで通知するアクセス解析ツール - トラックフィード

trackfeed を使用するためには、指定された HTML タグをリンクされる可能性のあるすべてのページに貼り付ける必要があります。 ブログの場合、サイドバーかフッターのテンプレートに貼り付けてしまえば全ページに表示されるようになるので OK です。

しかし trackfeed に登録した際に送られてくる HTML タグは、そのままだと Valid XHTML に通りません。 最近は HTML ではなく XHTML で書かれたブログも多く、このサイトも XHTML で書いてあります。 Valid なほうが気持ちが良いよね、ということで、trackfeed 用貼り付けタグを Valid XHTML に通るようにしてみました。

[Read more]

HTML & CSS エディタ ez-HTML

色々使ってみたなかで、これはいいなーと思えたもの。 #2/24思い出して色々追記やら修正。

ez-htmlの入力補助

ez-HTML ez-HTML

高機能すぎるほど高機能なので、使いこなすには最初に「ん、これどういうもの?どうするの?」 と多少ヘルプを見ないといけないかもしれません。 でも、自分が便利と思う機能だけ使いこなせればいいと思うので、そんなにたくさん学ばなくてはいけないわけでもないし、 なにより便利なので最初のヘルプを見る作業を加味しても十分使ってみる価値ありかも。

基本的には分かりやすく使いやすいソフトだと思います。 寄与歓迎のフリーウェアとなっていますが、下手な製品よりよほど良さそう :D

[Read more]

文字サイズのいろいろ

ブログの文字サイズを大きくしてみました。 最近大きい文字のほうが増えてきたなー。と思ったことと、 自分のブログなのに MAC の Firefox から見ると文字サイズが小さくて、 拡大しないと読む気になれないような状態だったのでちょっとイヤだなーと思いまして。

…で、思い出した話などをちょっと書いてみまーす。

フォントサイズの指定方法のハヤリ

昔はフォントサイズは 12px とか 10px とか固定にして、 小さめでサイズ変更させないのが流行りましたが、今はだいぶ変わりましたねー。 これからは CSS ってものを使うらしい!、なんて騒いでいたのを思い出します。 (本当に初期は HTML の中で、+2 とか書いてサイズ指定していましたが/笑)

昔といっても 3 ~ 4 年前くらいでしょうか。あの頃はブラウザの違いやOS の違いで、文字の大きさが違ってしまって デザインが崩れる、文字にジャギーが出て読みにくい、違う環境で小さすぎる・大きすぎる…etc 、 いろいろなことがサイトを作る人の頭を悩ませていたように思います。 そういったことを回避できるということで『フォントサイズは「 px 」指定で!』などと書かれた書籍が多かったですね。

[Read more]

_blank を使わない新規ウィンドウの開き方

で、リンク先を新規ウィンドウで開くやり方と Markdown との兼ね合いについて書きましたが、 今日はその続編です。いくつか気になる点があったので、調べてみました。 気になっていたのは、この2点。

  • 先日の javascript では、結局 _blank を後付けで指定しているので、よくないのかも。
  • そもそも _blank が推奨されなくなったのは、ユーザーがウィンドウを開くかどうかは決めることであり、 サイトの運営者が決めることではない。ということから、らしい。それに沿ってないんじゃないか。

丁度同じようなことを取り上げている方のブログを見つけました。

hori-uchi.com: _blankを使わないで別ウィンドウを開くにはrel="external"を使うのが美しいと思う。

コメント部分含め、参考にさせていただきつつ整理。

[Read more]

Markdown を使いながらリンクを別窓に

XHTML1.1 では target 指定が避けられているため、 「別窓で開く」という指定を target="_blank" と書いて行うのは良くないようです。 しかし、外部リンクへは別窓で開いた方が見やすいこともある気がする… と、いうことで何か良い方法はないかなあと思っていたら、このような記事が :star:

MMRT daily life » Validって・・・

target=”_blank”という書き方がXHTML 1.1 や XHTML Basicに準拠していないので、違う方法でやってみるよ・・・みたいな話です。

記事の中で紹介されていたサイト Opening a link in a new window - the valid way :: tcervo.com をさっそく見てみました。なんだか目から鱗!方法は、javascript を使って別窓に開くというもの。そうか、 javascript で開くのはサイズ指定のないウィンドウでもいいのだった…! この javascript をつかってウィンドウを開いてあげることで、 target 指定ができないことで生まれる 不便さを上手く回避しよう、という感じです。さっそく飛びついて導入してみました。

[Read more]

,

PAGE TOP