Prodused by SAKI

This site is a personal works of "SAKI".
I hope there will be a much of fun contents and funny dreams.
Of coursse that is a future occurrence.
The Watchword is "Picture Yourself".

Count:14350(0/7)Bot:441566(36/50)
HOME>BLOG > 日記 > 四方山話 > XHTML移行中

Attention!! Your Access is doubtful of Bot or Crawler.
 当サイトは日本国内からの正当なアクセスがなされることを前提にページを作成しています。
 BOTによるアクセスであると判断した場合は、画像や書庫ファイル、スタイルシートなどを廃した"情報"のみが表示されます。
 もし、そういった心当たりのない方でこのメッセージが表示された場合は、クッキーが保存されない、ユーザーエージェントにBOTを連想させる文字列が含まれている、海外Ploxy経由などの可能性があります。
 できましたら、正当な環境にてアクセスされますようお願いいたします。
 なお、ご不明な点や、どうしても現在の環境でのアクセスをご希望される場合は、メールフォームにて相談して頂ければ善処させていただきたいと思います。

MODE: ゲストモード

USER ID:
PASS:
ADMIN

TOP PAGE
サイトトップに戻ります

はじめに
このサイトの紹介です

更新履歴
このサイトの更新履歴です

掲示板
足跡を残してくれると嬉しい

リンク
他サイトへのリンクページです

INDEX
入口ページに戻ります

ARCHIVES
検索および過去記事

<前月 2020年04月 次月>
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30   

NEW ENTRIES
最近の記事

CATEGORIES
カテゴリ一覧

ACCESS RANK
閲覧回数ランキング

1.
[E361]年越と日の出(1)
[PIC]33.33%
2.
[E254]お天道さまを追っかけて(5)(1)
[PIC]33.33%
3.
[E367]突然どっかん(1)
[PIC]33.33%

COMMENTS
最近のコメント

POWERED BY

NOTICE
 拙作のBlogn用モジュール(コメントアイコン等)をお求めに立ち寄られた方へ、
サーバー移転時に不都合があり、(旧)ブログの移転作業が頓挫してしまいました。本家「開発コーナー」にて新バージョンを紹介させていただいていますのでご参照くださいませ。

コメントアイコン&絵文字モジュール
表示モード別分岐タグモジュール

 なお、「開発コーナー」では上記のモジュールだけでなく、それ以降にリリースしたモジュール等も掲載させていただいてます。
Prev(新しい記事)< >Next(古い記事)

 ついこの間、HP版の方のスキンをXHTMLに書き換えました。

 動機は、先日の記事でも書いたとおり、現在構築中の2つのHPで、その作成の傍ら、ようやく興味をもってくれた同僚が携帯で閲覧してくれた際、の「真っ白だったよ」という報告です。



続きを読む ≫
 一応、携帯対応が前提で作り出したHPだけに、そのつど私自身も携帯で動作チェックをしていたのですが、なかなかうまくはいかないようでした。
 ちなみに、私の使っている携帯はau(=ezweb)で、その同僚はSoftBankです。

 まぁ、トラブルはこの手の取り組みにはつきものなので、いよいよ本格的に原因究明と問題の解決に踏み出したわけです。
 そのこと自体は、手間(と苦労)はかかったもの、ちゃんと表示されるようにはできました。単に、SoftBank(vodafone)やi-modeで使えるタグに制限が強く、その点auは優秀というか、ユーザーに優しかった、というだけなんですけどね。(auならほとんどのPC用のサイトであってもある程度は表示してくれそうです)

 ただ、今回はそれが本題ではなく、いろいろ携帯側の仕様を調べた結果、最近の携帯だとXHTML仕様であれば規格の統一(正確には「XHTML-Basic」というものらしい)が進んでいて、各社の携帯キャリアの違いを意識しなくても済むことになりそうだ、ということが分かったことです。
 
 今は簡易なタグのみを使って携帯用のHTMLを表示させているけど、今後のためにXHTML仕様で作っていけた方がよさそうだ。

 もちろん、携帯用のスキンのみをXHTMLにするのは順序が逆、ということで、PC用のスキンを先にXHTML仕様にすべく、作業に取り掛かった次第です。


 一応、このブログ(BlognPlus)を使うようになり、同時にphpを扱いだしてからは改行タグ(<b />)の最後の"/"は何? という疑問から始まり、それなりに気を使いながらスキンやスクリプト(の結果吐き出されるHTML)を作ってきた経過があったので、一番最初は都合よく見つけたXHTMLテンプレートのサイトで標準のテンプレートを入手し、スキンの頭にくっつけてやりました。

 そいで、これまた都合よくみつけた各種HTMLの文法チェックのできるサイトでHP版のアドレスで採点してみたところ、

「-450点、なんだそりゃ!」

 あははははっ、見事に玉砕です。それでも画面上ではだいたいちゃんと表示されてるのが不思議です。IEをはじめ、ブラウザはけっこう曖昧なHTMLでも表示してくれるものなんですねぇ。

 もっとも、あまりに酷い点数なのはどうか、とある程度許容できる範囲になるまでスキンを見直したり、各コーナー(に介在するスクリプトが吐き出す)タグの修正を行いました。HTMLとXHTMLのブロックエリアのサイズや余白の捉え方の違いに戸惑いつつ、それらもなんとか調整しなおしました。

 現在、エラーも少なく、ちゃんと表示されているかと思います。もっとも、やったことが「調整」だけなので、見た目はほとんど変わっていませんけどね。

 さらに、ぼちぼちと携帯用のスキンもXHTMLに修正作業中です。
 aタグのtarget属性はやっぱり使いたかったので「Transitional」に逃げたPC用スキンとは違い、携帯用の「XHTML-Basic]」の方はよほど厳格で、少々手間取りそうです。



≪ 続きを隠す

|2008,12,09, Tuesday 10:42 PM | comments (0) | trackback (0) |

この記事に対するコメントの受付は終了しています。

コメント

トラックバックURL

http://bvs.saki-net.com/tb.php/121

トラックバック

Prev(新しい記事)< >Next(古い記事)


Copyright © 2008-2009 The Blue and Violet Storys All Rights Reserved.
当ページに掲載しているコンテンツの再利用(再転載・配布など)は、禁止しています。