- 締切済み
DOCTYPE宣言文について
ｈｔｍｌ・ｘｈｔｍｌ&cssを勉強している初心者です。約2週間位前から同じ宣言文でソースを入力していたところ、以前と同じ宣言文で打ってるにも関わらずｃｓｓのソースどうりいかなくなりました。宣言文を消去するとソースどうりに出来ます。PC DEPOTの方に問い合わせしたところ、HTML4がＨＴＭＬ５に自動的にバージョンアップしてのが原因で打つ手がないとの事でした。 どなたか解決の方法をご存じでしたら是非お教え下さい。よろしくお願い致します。
- みんなの回答 （10）
- 専門家の回答
みんなの回答
- abacabu
- ベストアンサー率37% (250/663)
- abacabu
- ベストアンサー率37% (250/663)
度々失礼します。 私の回答間違っていたみたいですいません… DOCTYPE宣言について簡単に書きます（XMLと一緒だとして） 素人ですのであれですが… まずDOCTYPEとはタグに意味と使い方を指定する物です。 <table>を例にとると（今は非推奨ですが…） <table>というタグはテーブルの最初に使うタグです。 その中には<tr>や<th>や<td>を入れて使います。 <tr><th><td>は複数個出てきても良いですが、 <table>タグはこのタグの下に複数出て来てはいけません。 等… こう言う事をW３Cという団体が標準書を作っていてそれを外部リンクで 貼りつけているという様に解釈して頂ければわかり易いと思います。 様はCSSを外部リンクで反映させている様な感じです。 XMLではそれぞれ使用者がタグを定義して使います。（本当にちょっと齧る程度です…） で、ですが、その宣言の種類によって、使えるタグ、非推奨になったタグ、 使えなくなったタグがあります。特にHTML５では結構増えてますし。 まぁ色々な種類がありますのでどういうサイトを作りたいか、 そしてその為に必要なタグは何か、それによって 旧バージョンを使っても良いと思います。新しいから良いという訳でもないですし。 ある意味HTML（XMLでもですが）の一番重要な部分と言えます。 フレームを使いたいのにXHTML1.1を使ってはフレームが使えません。（確か…） 私も最初の頃は同じようにやっていたのですが、たまになんか不具合が起きたりしました。 私も参考書片手に独学でやっていたので、ちょくちょく記述ミスがありました。 たまに全角半角間違えてそれがなかなか見つからなくてループ状態で気が狂いそうになったり… （相当アホですが…） 今一度しっかりとタグを見直してみる（CSSもふくめて）事をお勧めします。 案外記述ミスが有ったりする事もありますから。
お礼
abacabu様 何度もご指導有難うございます。正直これからどのように勉強していこうか迷っています。 とりあえずhtmlを基礎からまたやり直そうと思います。本屋さんに行くと殆どxhtml/htmlという本が 多く、何冊も購入しましたがこれからはhtml/cssの物を探そうと思っています。度々お忙しいのに ご親切にお教え頂き本当に有難うございました。
- naokita
- ベストアンサー率57% (1008/1745)
横から失礼。 過去モードと標準モードでレンダリングが変わります。 ブラウザによっても変わります。 <?xml version="1.0" encoding="Shift_JIS"?> このXML宣言が有る事によって古いIEブラウザでは、 標準モードなのに過去互換モードとして解釈されます。 また、DOCTYPEが無い場合と、 後半の部分のURL「システム識別子」が無い場合も過去互換モードになります。 更に、IEでは互換性を変更する仕様もあります。 この辺を理解していないと、 autoが効かない ＝ センターリング出来ないとか、 幅が違う ＝ カラム落ちするとかになり、困惑します・・・ ---------------- 対処法としては、 １、XHTMLでのDOCTYPEスイッチを理解する。 ２、標準モードで書く（XHTMLでなくても良い） ３、XML宣言をわざと書かない。 ４、標準モードでも過去互換モードでも同じ表現になるCSSで書く。 ５、ハックを使う ６、ブラウザを変更する（古いブラウザを無視・サポート外） ７、それ以外のCSSでの因果関係があるかもしれません。 ８、諦める などなど他にも選択・方法があり、人によって方法や選択肢が違うが、 適当にやると更に別の問題も発生します・・・ #6.7回答では、XHTMLstrictだからとかmarginのショートハンドなどを問題視されているようですが、#6.7さんには失礼ながら全く問題無いので、誤解されないように。 また、先の画像のセンターリングだけの話なら、display: block;もautoも不要です（ケースバイケースでは使いますが） <p style="text-align:center;"><img src="photo.jpg" width="400" height="300" alt="海の風景" /></p>
補足
naokita様 ご指導有難うございます。対処法の1、2、を検討中なんですが、なにせ超初心者ですので とにかく最初は購入した本のとうりソースを打ち覚えようと思っている時に「auto」が反応せず質問させて頂きました。本のとうりの画面が出ないと次に進めず何日も悩んでいる次第です。 <p style="text-align:center;">も試して中央に移動しましたが、本の後半の複雑なソース（私にとっては）になるとやはり本のとうり「auto」で処理した方が未熟な私には好都合ですので悩んでいます。今はとりあえずhtmlを最初から勉強し、DOCTYPE宣言を理解しようと思っていますが。（正直難しいです）本当にご親切に有難うございました。
- abacabu
- ベストアンサー率37% (250/663)
たびたび…以下略 記述的には何らまちがってはいないとおもうんですよね。 個別設定するなら4段にしないで、1まとめにしてみては？ margin:20px auto 20px ←値は半角スペースで区切ります。 としたらどうでしょうか？ 何となく2個のautoが喧嘩する訳は無いのですがちょっとひっかかりまして。 ちなみに 値1個→「上下左右」 値2個→「上下」と「左右」 値３個→「上」と「左右」と「下」 値4個→「上」と「右」と「下」と「左」 もう私の少ない知識では厳しいですね… こう言うたわいもない変更で案外まともに表示される場合もあります。
お礼
abacabu様 何度もこの超初心者の疑問点にお答え頂き本当に有難うございました。 ご指導どうり色々やってみます。 有難うございました。
- abacabu
- ベストアンサー率37% (250/663)
またまた失礼します。 恐らくですがautoがキックされたというよりは、XHTMLstrictだった事に問題があるとおもいます。 XHTML１．０でもTransitionalとFramesetだと以前のHTML４．０１どうようにアバウト表現と タグに関しても使えるのですが、strictですと結構使えない属性、要素というのが存在します。 それにたまたまautoが付いていた事に起因するのではないかとおもいます。 autoが効かないのではなくそれをしていした要素に問題があったのではないでしょうか？
補足
abacabu様 何度も有難うございます。下記のソースを本(xhtml/html+css)のとうり以前の宣言文で打つと:auto;が反応せず質問箱でお教え頂いた宣言文を入力した結果センターに移動しました。 略して書きます。 xhtml <div> <img class="imgcenter" src="photo.jpg" width="400" height="300" alt="海の風景" /> </div> ----------- css .imgcenter {display: block; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px;} です。よろしければまたお教え下さい。よろしくお願い致します。
- abacabu
- ベストアンサー率37% (250/663)
度々失礼します。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1--strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> 上記宣言文に不都合な個所が御座います。 下の回答にもありますが 最後のxhtml1--strict.dtdはxhtml1-strict.dtdです。 XHTMLで書く以上記述は正確に!! あとどういう参考書を読んで書いておられるかわかりませんが、 HTML4.01からXHTMLへの移行に関してだけ言えば タグの閉め方が変更されて、HTMLでは許されている 閉めタグ</html>これは省けませんが省ける物がありますが XHTMLにおいては省く事ができません。 結構HTMLとCSSを独学で学んでゆくと かるーく、HTMLでつくってCSSで色々デザインを作りこんでゆく 様な錯覚を起こしがち（私は以前そうでした）が 根本のHTMLの宣言と、それにマッチした記述というのが とっても重要です。 前の回答でも書きましたが、 HTMLとXHTMLは基本的に使用方法が違います。 HTMLは思っている通りの使い方ですが、 XHTMLではさらにXMLというプログラム言語で 記述する事が出来ます。 これがXHTMLの利点だと思います。 といっても私もさっぱりXMLはわかりません… JavaScriptはすこーし使ってページを作ってます。 後最近CGI（perl）の勉強をしてます。 簡単に言います。 HTML４．０１がHTML５になった訳ではございません。 新たにHTML5という物が増えたに過ぎません。 そして、XHTML１．０で記述している限りは、そのXHTML１．０の W3Cにおいての仕様変更が無い限り（タグの削除等） そのWEBページに何ら影響を与えるものではありません。 どういう方法で勉強されているかわからないのでなんともいえませんが、 CSSのほうで、同じたとえばbodyに対する要求が２こあるとか・・・ なんか変なところはございませんか？ 色々追加して行くうちにこうなったとか… それくらいしか原因が思い当たりません…
補足
abacabu様ご親切にご回答有難うございました。ノートＰＣの方は<!DOCTYPE HTML PUBLIC "-//W3C/ /DTD html 4.01 Transitional//EN">に直したところうまく表示されました。以前は先の宣言文で表示されていましたが、どうもよくわかりません。 それとこの宣言文ですと{---: auto;}が反応しませんのでどうしたらいいか迷っています。色々有難うございました。
- Tacosan
- ベストアンサー率23% (3656/15482)
うん? DOCTYPE 中 xhtml1--strict.dtd って書いてあるように見えるんだけど, ハイフンは 2つなんだっけ?
補足
Tacosan様 ご回答有難うございました。今回お送りした宣言文は別のファイルのをコピーして送りました。確かにハイフンは2つありました。スイマセンでした。不具合の起きてるノートＰＣはハイフンは1つでした。まぎらわしいメールをお送りして申し訳ありませんでした。またご回答有難うございました。
- abacabu
- ベストアンサー率37% (250/663)
No,2です…ちょっと補足しておきます。 HTML5はどちらかというとXHTML５と言っても良いほど XHTMLよりな物の様ですね。 一応HTML４からHTML5への違いの日本語サイトがあったので リンク貼っときます。 一応ページ作るならこういう項目も読んでおいて損は無いです。 タグも結構変わってるみたいですし（現状??今後の発展???）
補足
aoumiushi様.abacabu様 ご親切にお教え有難うございます。DOCTYPE宣言は下記のようにしています。現在このメールはデスクトップ型のＰＣでお送りしていますが、もう一台のノートＰＣで不具合が起きています。最初デスクトップの方もうまく表示されなかったのですが、色々やっている内に表示される ようになりました。（原因はわかりませんがソースの打ち間違えではないようです）ノートはビスタでデスクトップはＸＰの違いだけですが、なぜだかわかりません。もう少しご指導頂いたとうりやってみたいと思います。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1--strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> 本当に有難うございました。
- abacabu
- ベストアンサー率37% (250/663)
- aoumiushi
- ベストアンサー率45% (234/512)
関連するQ&A
- ＤＯＣＴＹＰＥ宣言は厳密に気にするべきか？？
現在ＷＥＢを独学で学んでおります。 そこでＤＯＣＴＹＰＥ宣言についていくつか疑問に思いました。 ひとつでもわかる方はご回答頂ければ幸いです。 １．<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> と、ソースの頭に記述しておいて <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> の内容で記述(XHTML 1.0 Transitionalで記述)することは可能ですか？？ つまり、HTML 4.01 Transitionalを宣言して終了タグなど、XHTML 1.0 Transitionalの方式で書いても正確に表示されるかを知りたく思って おります。 ２．ＤＯＣＴＹＰＥ宣言を書いてないサイトが多く見受けられますが、 この場合はどのようにＤＯＣＴＹＰＥ宣言と捉えられるのでしょうか？ また、この場合のデメリットとかはありますでしょうか？？ 以上、わかる方いましたらよろしくお願いいたします。
- ベストアンサー
- HTML
- ＤＯＣＴＹＰＥ宣言について
自分はＸＨＴＭＬ１．０を参考通り <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> このように二列で入力しているのですが、一列で入力しても大丈夫なのでしょうか？また、オススメの宣言タイプ？があったら教えてください。お願いします。
- 締切済み
- ホームページ作成ソフト
- XHTML1.1でのXML宣言とDTD宣言の書き方
XML宣言によるレイアウトの崩れ等の質問はありましたが今回の質問と同じ内容は私には見当たらなかったため質問させて頂きます。 XHTMLでのXML宣言を <?xml version="1.0" encoding="utf-8"?> と記述しています。 上記の記述と <?xml version="1.0" encoding="UTF-8"?> とで、文字コードの大文字か小文字かの違いだけなのですがどちらの方が良いのでしょうか。 同じくDTD宣言を <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> と記述しています。 XMLでは大文字と小文字を区別して扱うため必ず半角で書かなければならないとされていますが、XHTMLでマークアップされているサイトのソースを見るとどこもXML宣言での文字コードとDTD宣言では大文字が使用されています。 細か過ぎるというのは分かっているのですが厳密にはどのような記載が正しいのでしょうか。 ※今回投稿カテゴリーの小カテゴリーにて”XML”を選択致しましたがXHTMLについての質問の場合”XML”と”HTML”どちらにするべきでしょうか。 合わせてご返答、又はご意見を頂戴できれば幸いです。
- 締切済み
- XML
- html宣言文同じサイト内に数種類混在さても問題ありませんか？
現在、サイトを制作する際にDreamWeaverを使用し、htmlの宣言文xhtml 1.0 strictをデフォルトにしていますが、スクリプトエラーが出ます。そこで、xhtml 1.0 transitionalに変更すると直ったりします。 そこで質問なのですが、ページごとに宣言文（htmlのversion）を変えて、1つのサイトで複数の宣言文（htmlのversion）を混在させる際のデメリットを教えて頂きたく思います。有識者の方々のご教授をお待ちしております。
- ベストアンサー
- HTML
- [javascript]DOCTYPE宣言対応についてお教え下さい。
[javascript]DOCTYPE宣言対応についてお教え下さい。 皆様、お世話になります。 JavaScriptがDOCTYPE宣言によって動作しなくなるということを質問したり解決しているブログは多く見ますが・・・それでも解決出来ず・・・すみません、お教えください。 動作するソースはこちらです。 <html> <head> <title></title> <script language="JavaScript"> function init() { effect(); } function effect() { var element = document.getElementById("sample"); var wanna_width = window.innerWidth - 500; element.style.backgroundColor = 'red'; element.style.width = wanna_width; } </script> </head> <body onload="init();" onresize="effect();"> <div id="sample">sampleText</div> </body> </html> これに、以下のDOCTYPE宣言を入れたいのです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 事前調査通り、動作しません。 １）CSS 初期包含ブロックが body 要素ではなく html 要素になるのでdocument.documentElement から取得しないといけない。 ２）0以外のサイズ指定には単位が必要。 このようなことは何となく調べがついたのですが。 お手数をお掛け致します。 お教え下さいませ。 追記：重ねてお手数をお掛け致しますが、すこし具体的に改善方法をお教えいただけますと非常に助かります。
- ベストアンサー
- JavaScript
- DOCTYPE宣言とdocument.body.clientHeight
お世話になります。 ブラウザのサイズを取得するにはどうすればよいのでしょうか？ document.body.clientHeightで取得出来るのは分かりましたが DTDにより動作したり、しなくなるのも分かりました。 ×動作しない <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ○動作する <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 後者のものですとIEでは動作しますが、firefoxでは動作しません。 何か対処法は、御座いませんでしょうか？ 一番望む形は <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> の宣言で、ブラウザサイズが取れるようになるのがベストです。 CSSを使用しているので<?xml version="1.0" encoding="UTF-8"?>を入れると 表示モードが互換になるので・・・。 対応したいブラウザはIE6.0、firefox,Safariです。 一応ソース <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script> function init(){ var bodyHeight = document.body.clientHeight; alert(bodyHeight); } </script> </head> <body onload="init();"> <div> ほげ </div> </body> </html>
- ベストアンサー
- JavaScript
- 教えてください。ホームページを作っているのですが、宣言文を入れると、中
教えてください。ホームページを作っているのですが、宣言文を入れると、中央に配置できなくなります。 これはどうすればよいのでしょうか？？ <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head>
- ベストアンサー
- その他（インターネット・Webサービス）
- 携帯サイトを作成しているのですが、DOCTYPE宣言で
携帯サイトを作成しているのですが、DOCTYPE宣言で <！DOCTYPE HTML PUBLIC \"-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.3) 1.0//EN\" \"i-xhtml_4ja_10.dtd\"> （ドコモ使用時） だけがページに表示されてしまいます。書き方に間違いがあるのでしょうか？ 又、これは受け入れられてないのでしょうか？ どなたかわかる方アドバイスよろしくおねがいします。 ↓プログラム添付 <?php $agent=$_SERVER['HTTP_USER_AGENT']; if(preg_match("/DoCoMo/", $agent)) { print("<?xml version=\"1.0\" encoding=\"Shift_JIS\"?>\n"); print ("<！DOCTYPE HTML PUBLIC \"-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.3) 1.0//EN\" \"i-xhtml_4ja_10.dtd\">\n"); print ("<html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"ja\" xml:lang=\"ja\">\n"); print ("<head>\n"); print ("<meta http-equiv=\"Content-Type\" content=\"application/xhtml+xml; charset=Shift_JIS\" />"); } elseif・・・・
- ベストアンサー
- PHP
- xmlの宣言文をPHPで出力するには
PHP4.3を使っています。 PHPの後にHTMLを入れて表示させようと思っていますが、HTML文の先頭にXMLの宣言文が入っており、そこでエラーになってしまいます。 <?php ・・・ ・・・ ?> <?xml version="1.0" encoding="Shift_JIS"?> <html> ・・・ </html> この1行をphpのほうにいれてprint文で打ってやればもちろんエラーはでないのですが、HTMLのほうは別な人間が作っており、できればPHPとHTMLは分離させておきたいと考えています。 どのような対処法がいいでしょうか。 よろしくお願いいたします。
- ベストアンサー
- PHP
- xml宣言をしたら・・・
XHTML＋CSSを勉強中なのですが、下記のソースを見てください。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> -----------省略------------- </head> <body> <div id="container"> -----------省略------------- </div> </body> </html> xml宣言をするまでは画面中央に表示されていたのですが、宣言の行を追加したら左側に寄ってしまいました。 CSS部分は以下のようになっています。 body { font-size: 100%; font-family: sans-serif; color: #333333; margin: 0; padding: 0; background-color: #F0F0F0; } #container { width: 800px; position: relative; margin: 0 auto; background-color: #FFFFFF; } marginの設定の仕方が悪いのかなとか考えたんですが、わかりませんでした。 用は<table align="center">のようなことがしたいんです。 どなたかご教授よろしくお願いします。
- ベストアンサー
- XML
お礼
abacabu様 何度もご親切にご指導有難うございました。 ご指導のメールで超初初心者ですのでまだ 理解出来ない言葉等ありますが、一つ一つ調べながら向上して行きたいと思います。また、何かの時はご指導頂けたらと図々しく思っています。 今回は本当に有難うございました。