- 締切済み
WEBページ更新について
初めて投稿させてもらいます。 会社でWEBページでの更新を担当することになりました。 今後の事を見据えて改訂しようと思っています。 質問内容は２つです まずひとつは、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> という宣言を現在使っていますが、XHTML及びHTML5で作りなおしたほうが良いのでしょうか。 このまま使用していると何か弊害があるのでしょうか 移行する場合、注意点があればそちらもご教示お願いします。 もう一つは、 iphone及びipad向けのWebサイトも同時に作ろうと思っているのですが どこから手をつければ良いのか分からず立ち止まっています。 パソコン向けのものとスマートフォン向けのページを共有させようと考えています。 急ぎの内容ではありませんが、私個人の心の準備と、技術的な問題で外注になる場合の費用の計算がありますので３月中にでも返事をいただけると幸いです。
- みんなの回答 （4）
- 専門家の回答
みんなの回答
- XBG
- ベストアンサー率60% (493/820)
>XHTML及びHTML5で作りなおしたほうが良いのでしょうか。 弊害はありませんがHTML5では宣言は以下のように簡略化できます <!DOCTYPE html>または<!DOCYTPE xhtml> 移行に関してはHTML5で廃止されている要素(<font>など)を使わないようにすれば基本大丈夫です、かといってHTML5専用の要素ばかり使うのは考え物ですが。 >どこから手をつければ良いのか分からず立ち止まっています。 >パソコン向けのものとスマートフォン向けのページを共有させようと考えています。 基本の1つとしてスマートフォンサイト制作にはちょっとだけ注意点があります。それは「ズームさせないこと」です。 スマートフォンでPCサイトを閲覧するとページの横幅が画面の横幅に合わせられてしまい、横に広いページではズームしないと非常に見づらくなります。 これをデフォルトの倍率に固定し、ズームさせないようにするには次の要素をhead要素内に追加します。 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,"> widthパラメータにdevice-widthを指定することでページの横幅を画面の横幅に固定 initial-scaleに1.0を指定するとデフォルトの倍率に またここではuser-scalableにnoを設定しているためズーム操作が一切できなくなります。 あとは画面の表示内容をスマートフォン向けにレイアウトを簡単にすれば大丈夫です。(基本的にCSSのfloat指定による画面分割はなるべく使わないようにしてください) ちなみに各要素にCSSでwidth:100%を指定すると、その要素の横幅が親要素の横幅に合います たとえばbody要素のすぐ下に配置してあるimg要素に指定すれば、その要素で表示する画像がウィンドウの横幅に合うようになります（※その際、縦横比は保持されます）
- ORUKA1951
- ベストアンサー率45% (5062/11036)
情報が古い？？ XHTMLは、それがXMLである必要が無い限り必要は無いでしょう。 HTML,XHTMLの推移については ※HTMLとXHTMLの違いについて - HTML - 教えて！goo ( http://okwave.jp/qa/q7112581.html#a2 ) 現在のＤＯＣＴＹＰＥの主流はどれですか？ - HTML - 教えて！goo ( http://okwave.jp/qa/q6631057.html#a4 ) で簡単に説明しましたので参考にしてください。なぜXHTMLで無いかの説明へのリンクがあります。 結論から言うと、 HTML4.01strictで製作する。決してTransitionalじゃない。 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから 4.1 定義 ・・・【中略】・・・ HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。 ・・・【中略】・・・ 推奨しない 推奨しない要素・属性とは、新しい枠組みができたことによって、陳腐化したものを指す。推奨しない要素は、リファレンスマニュアルの各所で定義し、推奨しないことを明記する。推奨しない要素は、HTMLの将来のバージョンでは廃止になる可能性がある。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Conformance: requirements and recommendations (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )］より そして、XHTML1.1,中断されたXHTML2は、これら、transitionalで残っていた「非推奨部分」は廃止されました。HTML5でもありません。(XHTML1.0はHTML4.01をそのままXMLにしたもの) ・・・transitionalで作成するなといわれたのが1999年、XHTML2が開発中止になったのが確か2006,7年頃・・・・ HTMLは、XHTMLよりも書きやすいこともありますし、XHTMLの開発が中断されたこともあり、HTML5を目標にしたHTML4.01strictがベストでしょう。 さすれば、 ★HTML5 における HTML4 からの変更点 ( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/ ) を読むだけで、理解できるでしょう。 HTML5は、勧告直前ですが、まだまだ変遷がありそうですし、IEが対応していないこともあり時期尚早でしょう。ただ、上記の「HTML5 における HTML4 からの変更点」はとても良い参考になります。HTML4.01で <body> <div class="header"> ヘッダ </div> <dic class="section"> 章記事 <div class="section"> 項記事 <div class="aside"> 本文と関係ない記事 </div> </div> </div> <div class="footer"> フッタ </div> </body> のようにマークアップしていけば良いです。 ＞iphone及びipad向けのWebサイトも同時に作ろうと思っているのですが ｃｍｃｍHTMLは、 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。相互運用性の達成は、コンテンツプロバイダのコストを低下させる。なぜならただ1種類の文書しか作る必要がなくなるからだ。もし【相互運用性確保の】努力が成されなければ、Webは互換性のないフォーマット毎に分け隔てられた世界に分割され、すべての関係者にとっての商業的可能性が減少することとなるであろう、大きなリスクを負うこととなる。 ・・・【中略】・・・ HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より なのですから・・・、HTMLで、きちんと文書構造をマークアップし、スタイルシートでユーザーエージェントごとにデザインすれば、たった一つの文書HTMLを作成すればよいはずです。 ★現状 HTML4.01strict+CSS2.1+WAI( http://www.doraneko.org/wai/contents10/19980918/Overview.html )をスタンダードと考えればよいです。 --Web Accessibility Initiative - Wikipedia ( http://ja.wikipedia.org/wiki/Web_Accessibility_Initiative ) ＞技術的な問題で外注になる場合の費用の計算がありますので 大多数の屑業者の中から良い業者を選ぶのは大変です。各社のサンプルを ★Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html ) ★The W3C Markup Validation Service ( http://validator.w3.org/#validate_by_input ) でチェックしたり 様々なユーザーエージェントで表示を確認したり、スタイルシートの無い状態で表示させてみたり、Lynxのようなテキストブラウザで表示してみたり・・・。WAIにきちんとしたがっているか？ など、金額以上に大事なことがあるし、それを見抜く眼力も必要です。結果的に自分が身につけなければ外注業者を選ぶことすらできません。 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから 技術に関するガイドライン Lynx などのテキスト ブラウザを使用して、サイトを確認します（ほとんどの検索エンジンのスパイダーには Lynx で見えるようにサイトが映ります）。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［ウェブマスター向けガイドライン - ウェブマスター ツール ヘルプ( http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=35769#2 )］より 以上です。それぞれのリンクや引用は、一部です。この部分だけでなく前後もしっかり読んで理解してください。
お礼
回答有難うございます。 前任者がホームページビルダーを使って居たのですが、その使い方すら解っていない方でしたので全て丸投げ状態でした。 回答を読んだところ今のままで十分ということになるのですね。 数年後変わっていれば変えるといった流れといったところですね。 やはり外注も良し悪しがあるのですね。 現在受け持って頂いてる所に相談してデータを頂けるよう頼んでみます。 あと、やはり自分の知識のなさが露呈してます。。。 iphone向けページもスタイルシートで分ければ良いだけだったんですね。 昔、携帯向け専用ページとかあったなー。ということはiphoneも・・・いう憶測だけで書いていました。 急を要する事でも無さそうなのでじっくり練って、参考書漁って出直してきます。
- naokita
- ベストアンサー率57% (1008/1745)
弊害があるかどうかは、 崩れて表示されていないか、各ブラウザで表示チェックしましょう。 便利だと思うなら、向こう数年間は弊害は無いでしょう。 ※ 地デジのように急に使用不可になるわけじゃないですから・・・ 旧IEをどうするのか、iphoneではどう見えるのか？ 商用の場合は、不便だとまずいですが、 何故、変更しないといけないのか？ 明確な理由も無く、アイデアも無く、単に仕様を変更するのは無意味です。 それらを踏まえて、変更する事で売上が向上できる提案になるなら、 メリットとデメリットを考慮した上で、 HTML5やCSS3で構築すれば良いです。 今のままで良いなら、HTML4.01でも全く問題無いですが、 せめて、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
お礼
回答有難うございます。 何年も前に趣味程度でHPを作っていた時から触っていなく、久々に覗いてみると新しい宣言が出来て正直焦っていました。 まだ時間はたっぷり残されているみたいなので、理由、目的を明確にしてから挑みたいと思っています。
- localica
- ベストアンサー率52% (202/385)
>XHTML及びHTML5で作りなおしたほうが良いのでしょうか。 時期尚早だと思います。 もう少し見定めてからでも良いのでは？ >このまま使用していると何か弊害があるのでしょうか 数年は何も弊害はありません。 >移行する場合、注意点があればそちらもご教示お願いします 移行する目的、コンセプトを明確にすること。 レガシーブラウザの対処にしても方針を明確にすること。 ※例として、レガシーブラウザは対応しないとか。 >共有させようと考えています。 共有とは？ 同じ体裁を表示すること？ それとも専用のページを表示すること？ それによって、全く変わると思います。 単に「カッコいいページを作りたい」でも「最新のHTML5のサイトを立ち上げたい」でも何でも良いですが、目的を設定しないと途中で頓挫します。予算の優先度が高ければ妥協も致し方ないでしょうし。 会社の方針と優先度をきちんと上長と話し合われることをお勧めします。 頑張ってくださいね。
お礼
回答有難うございます。 現在のところ完全に委託でHP作成を行なっているところを、私に作成が回ってきたので相談相手が居なく方向性がいまいち明確になっていませんでした。 現在のままでもまだいけるとの回答があったので、もう少し練りあげて、自分のスキルを磨いてから作りなおしていこうと考えております。
お礼
回答有難うございます。 思い返せばiphoneでズームしないと見えない経験がありました。 特に気にしてはいなかったのですが対応してなかったということだったんですね。