- 締切済み
W３C 宣言 a タグの間と
いつも大変にお世話になります。 W3Cで一様HTMLソースのチェックをしています。 マイナス点からやっと低い二桁になりました。 今回のご質問ですが何点かになってしまいます。 ごめんなさい。 一つ目は宣言についてですが<iframe> - インラインフレームを使いましたページです。 下記のように宣言しました <!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">が Frameset//ENとした方がいいのでしょうか？ いずれの場合でもW3Cからは宣言をと強くとメッセージが出ます。 どう宣言すればいいのでしょうか？ （たぶんページの内容はXHTMの内容に間違いながらもなっていると 思うのですが...補足まで） また、リンクする場合においてもメッセージが出ます。 下記のような二点です。 <h2 ><a name="aaa001" id="aaa001"></a>aaaa</h2>と記述 しましたら<name～> </a>の間に記入せよと指摘がありますが すでに<h2>で書いております。<a></a>間に適切に処理するにはどのようにすればいいいのでしょうか？ （<a nemu属性？これも入れないと指摘があり 入れると...なんですね 不思議です） 同様にCSSを使いfovermenuを作りました。 <li id="menu002"><a href="xxx.html#xxx001"></a></li> <li id="menu003"><a href="xxx.html#xxx003"></a></li> 上記のような感じです 同じように<a href～></a>の間にと指摘がありますが CSSで画像を引用していますので文字を入れれば重なりますので 困っています。 いずれも<a></a>の間の処理に悩んでいます。 教えて頂ければ幸いです。 複数の質問を致し申し訳ありません。 知識不足なのでご迷惑ばかりですみません。 お願い申しあげます。 また過去に色々アドバイスありがとうございました。 本当に助かり感激しています。 ありがとうございます。
- nobubon
- お礼率77% (7/9)
- その他([技術者向] コンピューター)
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
みんなの回答
iframeはTransitionalで構いません。 a要素。 <a>文字</a> 画像が入る場合・・・ <a><img /></a> としなければ駄目。 CSSで適応させるよりも要素を使う。 どうしてもCSSで適応ならコメントアウトを用いる等での対処かな？ でもコレも恐らく減点対象に成る筈。
お礼
早速のご返事痛み入ります！！ ありがとうございます。 そうなんですか！ ありがとうございます。
補足
教えて頂いたとおりいたしまして加点されました。 ありがとうございます。 それから 再度のご質問ですが<h2 ><a name="aaa001" id="aaa001"></a>aaaa</h2>で間違いないですよね！ CSSで h2.f{ margin: 10px 0; padding:0 0 0 10px; font-size: 12px; font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; color: #ffffff; height: 18px; line-height:16px; width:346px; background: url(../imges/tｔo01.gif) repeat-x; border: #CCCCCC solid 1px;と 指定しましたが フォントの色がブラックになってしまいます。 どう訂正すればいいのでしょうか？ 教えてください。
関連するQ&A
- XHTML宣言についてですが自分のものでどこがおかしいのか解りません。
XHTML宣言についてですが、 私はライブドアブログでブログを作っています。 ブログのチェッカーで引っかかりました。 現在の宣言内容です。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> XHTML1.0 では XML宣言をすることが強く求められています。 と指摘されましたがどうしたらいいかわかりません
- 締切済み
- HTML
- 教えてください。ホームページを作っているのですが、宣言文を入れると、中
教えてください。ホームページを作っているのですが、宣言文を入れると、中央に配置できなくなります。 これはどうすればよいのでしょうか？？ <?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サービス）
- GoogleChromeでxml宣言が消える？
GoogleChromeでソース表示を行うと1行目に表示されるはずのxml宣言が表示されません。 例えばIE7で神奈川県のサイト（http://www.pref.kanagawa.jp/）をソース表示すると <?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"> となりますが、同じサイトをGoogleChromeでソース表示すると <!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"> と1行目にあるはずのxml宣言が消えて2行目の空行から始まっています。 だからなんだと言われると困るのですが・・・IE6対策でphpの条件分岐でIE6以外の場合のみ表示としているはずが、あれ？と言う状況です。 ソースや表示そのものがおかしくなるわけではないと思いますが、最初は条件分岐が間違っているのかと悩みました。 これはきちんと表示させる方法があるのか、もしくはそういう仕様なのか、実は他のソースもちゃっかり修正されちゃってたりしないのか、どんなもんでしょう。
- ベストアンサー
- HTML
- ＤＯＣＴＹＰＥ宣言は厳密に気にするべきか？？
現在ＷＥＢを独学で学んでおります。 そこでＤＯＣＴＹＰＥ宣言についていくつか疑問に思いました。 ひとつでもわかる方はご回答頂ければ幸いです。 １．<!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
- phpでreadfile(include)した結果に？が出力される
phpで以下のようなA,Bの2つのファイル構成にした際に ブラウザでAをアクセスし、ソースを表示するとreadfileした結果の前に「?」が出力されます。 「？」と出力されるのが何か問題だと思うのですが、分かりません。 ご指南をお願いいたします。 ?<!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"> Aファイル <?php readfile('inc/xhtml.inc'); include('inc/dbcon.php'); include('inc/cm468_2.inc'); ?> ----------- Bファイル <!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"> -------------------------------- 出力結果 ?<!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">
- ベストアンサー
- PHP
- ulの入れ子で困っています
以下のようにulの入れ子をしているのですがIE6と7で上に 隙間が空いてしまいます。 ulにmargin:0;を加えても全く効果なしなのですがどのように すれば隙間をなくせますでしょうか？ <!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" dir="ltr" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>タイトル</title> <link rel="stylesheet" type="text/css" media="all" href="style.css" /> </head> <body> <ul id="hoge"> <li> <ul id="fuga"> <li>あああ</li> <li>いいい</li> <li>ううう</li> </ul> </li> </ul> </body> </html>
- ベストアンサー
- HTML
- 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
- CSSのh1,h2,h3で色付けをしたい
CSSを使用しての質問です。h1,h2,h3などで、色付けをしたいのと、途中で文章に色付けをすることはできますか？使用しているCSSは以下です。宜しくお願い致します。 <?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" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <title>CSS learning（スタイルシートを適用しない場合の表示）</title> </head> <body> <div id="pagebody"> <!-- ヘッダ --> <div id="header"><h1><a href="index.html">CSS learning</a></h1></div> <!-- メインメニュー --> <ul id="menu"> <li id="menu01"><a href="xxx.html">Home</a></li> <li id="menu02"><a href="xxx.html">Overview</a></li> <li id="menu03"><a href="xxx.html">Property</a></li> <li id="menu04"><a href="xxx.html">Tips</a></li> <li id="menu05"><a href="xxx.html">Contact</a></li> </ul> <!-- サブメニュー（左カラム） --> <div id="submenu"> <div id="submenu_header">目的で探す</div> <ul id="submenu_body"> <li><a href="xxx.html">CSSの適用</a></li> <li><a href="xxx.html">セレクタ</a></li> <li><a href="xxx.html">フォント</a></li> <li><a href="xxx.html">テキスト</a></li> <li><a href="xxx.html">文字色・背景</a></li> <li><a href="xxx.html">幅・高さ・余白</a></li> <li><a href="xxx.html">ボーダー</a></li> <li><a href="xxx.html">表示・配置</a></li> <li><a href="xxx.html">リスト</a></li> <li><a href="xxx.html">テーブル</a></li> <li><a href="xxx.html">生成内容の挿入</a></li> <li><a href="xxx.html">インターフェース</a></li> <li><a href="xxx.html">フィルタ・ズーム</a></li> <li><a href="xxx.html">テキスト（IE独自）</a></li> <li><a href="xxx.html">印刷</a></li> <li><a href="xxx.html">音声</a></li> </ul> </div> <!-- コンテンツ（中央と右の2カラム） --> <div id="content"> <!-- ニュース（中央カラム） --> <div id="news"> <h2>ニュース</h2> <h3>かえるさんのサイトがオープン！！</h3> <p> けろけろ、けろけろ、けろけーろ。けろけろ、けろけろ、けろけーろ。けろけろ、けろけろ、けろけーろ。 けろけろ、けろけろ、けろけーろ。けろけろ、けろけろ、けろけーろ。けろけろ、けろけろ、けろけーろ。 けろけろ、けろけろ、けろけーろ。けろけろ、けろけろ、けろけーろ。けろけろ、けろけろ、けろけーろ。 けろけろ、けろけろ、けろけーろ。けろけろ、けろけろ、けろけーろ。けろけろ、けろけろ、けろけーろ。 けろけろ、けろけろ、けろけーろ。けろけろ、けろけろ、けろけーろ。・・と、それはもう大変な喜びようだとか。 </p> <p><img src="images/ss01.gif" alt="かえるサイトの画面" width="200" height="155" /></p> <hr /> </div> <!-- ピックアップ（右カラム） --> <div id="pickup"> <h2>ピックアップ</h2> <ul> <li><a href="xxx.html">CSSのメリット</a></li> <li><a href="xxx.html">Web標準とは</a></li> <li><a href="xxx.html">CSSのバージョン</a></li> <li><a href="xxx.html">HTML/XHTMLの基礎</a></li> <li><a href="xxx.html">CSSの書き方</a></li> <li><a href="xxx.html">文書に適用する</a></li> <li><a href="xxx.html">代替スタイルシート</a></li> <li><a href="xxx.html">メディアタイプ</a></li> <li><a href="xxx.html">セレクタの種類</a></li> <li><a href="xxx.html">@ルール</a></li> <li><a href="xxx.html">スタイルの優先順位</a></li> <li><a href="xxx.html">スタイルの継承</a></li> <li><a href="xxx.html">CSSでの長さの指定</a></li> <li><a href="xxx.html">ボックス</a></li> <li><a href="xxx.html">DOCTYPE宣言</a></li> </ul> </div> </div> <!-- フッタ --> <div id="footer"><address>Copyright (c) HTMQ All Rights Reserved.</address></div> </div> </body> </html>
- ベストアンサー
- CSS
- 宣言とcssの関係
こんばんは。 ご存知の方いらっしゃいましたら教えてください。 サイトを <!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" xml:lang="ja" lang="ja"> <head>・・・・・・・・・・・・ こういった書き出しで書き始め、フルＣＳＳサイトを作ってみました。出来上がりしばらくしてから、文法上では <?xml version="1.0" encoding="Shift_JIS"?> こういった宣言も入れたほうがいいことを知り、一行目に追記したところ表示がずれてしまいました。ちなみにhtml4.01の宣言に変えてもずれてしまいます。 これはどうしてでしょうか。 お分かりでしたら教えてください！よろしくおねがいします。
- ベストアンサー
- HTML
- 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
お礼
本当にごめんない！ そうですよね ｈ２に対してｈ２．ｆでは駄目ですね。 ご指摘すみません。 表現の間違いでした。 h2.f h2 class="f"です。 フォントや色指定をしています。 すみません 間違いでしょうか？ ご迷惑かけました。