- ベストアンサー
<div id="header">
ソース内に <div id="header">でくくれば、 グーグルのロボットは、その範囲ナンがヘッダーだと認識するという事ですか？
- wrurdmnwoop
- お礼率73% (50/68)
- HTML
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
google ロボットに認識してもらうためには、 <meta name="description" content="" /> <meta name="keywords" content="" /> 記述されてますよね！・・・ HTML4.01の記述の場合は、<div id="header">と、書かれていれば、</div>までの、間が、headerだと、 ブラウザは、判断しレンダリングします。 HTML5だと、<header></header>の部分
その他の回答 (2)
いえ、ページ全体やそのサイトのほかのページなどもクロールしながら、総合的に判断することになると思います。id名はサイト製作者側の任意なので、それのみをもってそのdivがヘッダかどうかを判断はしないです。
お礼
回答頂きありがとうございました。
関連するQ&A
- headerのセクションを作る場合
headerのセクションを作る場合、classとidでは、どちらで指定すればいいのでしょうか？ <div id="header"> ヘッダの内容 </div><!-- /header --> と <div class="header"> ヘッダの内容 </div><!-- /header --> では、どちらが良いですか？ headerはページ内に１つしかないから、idで宣言すればいいのでしょうか？
- 締切済み
- HTML
- HTMLのdivについて
HTMLで質問です。 DIVについて質問です 下の図で <body> <div="c"> <div id="a"> --------------- </div> <div id="b> ああああああああ いいいいいいい </diｖ> </div> ＜/body> という場合 <div＝”ｃ”> は全体のbody範囲でありますが divそのものを idで指定しなくても divだけでも全体を範囲しいた事にはならないのでしょうか？ ホームページ全体が範囲であり セレクタ範囲を後にCSSで装飾する場合 やはりIDで指定するのでしょうか？
- ベストアンサー
- ホームページ作成ソフト
- CSSのdivパーツの配置がうまくいきません！助けてください！！
CSSのdivパーツの配置がうまくいきません！助けてください！！ 完成予想図 ┌―――――――――――――――――――┐ ｜画像 ｜ ｜┌――┐ ┌――――――┐┌――┐｜ ｜｜ロゴ｜ ｜｜ ｜｜検索｜｜ ｜└――┘ └――――――┘└――┘｜ └―――――――――――――――――――┘ 現実・・ ┌―――――――――――――――――――┐ ｜画像 ｜ ｜┌――┐ ｜ ｜｜ロゴ｜ ｜ ｜└――┘ ｜ ｜┌――――――┐┌――┐ ｜ ｜｜｜ ｜｜検索｜ ｜ ｜└――――――┘└――┘ ｜ └―――――――――――――――――――┘ 画像の上にロゴを配置しています。 さらにロゴの同じ高さの右側に検索窓を付けたいと思っています。 現状のCSSは、以下のようになっています。 /* ヘッダー */ div#header {background-color: #017acd; background-image: url(sky.jpg); padding: 28px 20px 100px} div#header h1 {margin: 0} div#header p {color: #ffffff; font-size: 0.75em; margin: 0} htmlファイルにgoogleのサイト内検索パーツを追加しようと、 div#google {width: 240px; margin-right: 500px} を追加しましたが、実際はうまくいかず、ロゴの下に表示されます。 右側に移動することはできましたが、平行線上には持っていけません。 誰か助けてください・・・ HTMLファイル： <!-- ヘッダー --> <div id="header"> <h1><img src="logo.gif" alt="LOGO" /></h1> <p>このサイトは、料理を扱うサイトです。</p> <!-- SiteSearch Google --> <div id="google"> <form method=get action="http://www.google.co.jp/search"> <input type=text name=q size=26 maxlength=255 value=""> <input type=hidden name=ie value=Shift_JIS> <input type=hidden name=oe value=Shift_JIS> <input type=hidden name=hl value="ja"> <input type=submit name=btnG value="検索"> <input type=hidden name=domains value="yahoo.co.jp"><br> <input type=radio name=sitesearch value="yahoo.co.jp" checked>Site sherch by <img src="Logo_25gry.gif" alt="Google LOGO" align="absmiddle"> </form> </div> </div>
- ベストアンサー
- ブログ
- divをつかった2段組について教えてください。
すみませんが、思うように段組ができないので、教えてください。 divを使って、次のようなレイアウトを実現させようとしています。 「メインとサブからなる2段組で、メインは幅400px以上、サブは幅200px固定、スクリーンにあわせてメインは大きくなる」(このサイトのようなレイアウトです。) メインを固定でならできるのですが、スクリーンの大きさに合わせる方法が分かりません。 たたき台のコードを添付します。どこを直せばよいのか、教えていただけると幸いです。 -------------------------------------------html------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="stylesheet" href="/style.css" type="text/css"> </head> <body> <div id="header"> ヘッダ </div> <div id="box"> <div id="boxMain"> いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい </div> <div id="boxSub"> ううううううううううううううううううううううううううううううううううううううううううううううううううううううううううううううううううううううううう </div> </div> <div id="footer"> フッタ </div> </body> </html> ------------------------------css-------------------- div#header { width: 600px; } div#box { } div#boxMain { float: left; margin: 0px; } div#boxSub { width: 200px; float: right; } div#footer { clear: both; width: 100%; }
- ベストアンサー
- HTML
- 外部ファイルを読み込む方法について
外部ファイルを読み込む方法について様々なサイトを参考にしている中、 jQuery.jsを使った方法についてご質問させていただきます。 ファイルは以下のように <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> <!-- $(function(){ $("#header").load("header.html"); }); // --> </script> （HTMLファイル） <div id="header></div> （外部ファイル header.html） <p>外部ファイルのテスト</p> 上記のとおり設定しブラウザで確認（IE及びFirefox）すると IEでは画面上外部ファイルが読み込まれた状態で表示はされているが、 ソースは<div id="header></div>と表示。 一方FirefoxのFirebugで確認すると<div id="header><p>外部ファイルのテスト</p></div> と表示しています。 ここでお聞きしたいのが、巡回ロボットはIEでソース表示されるような認識になるのか・・・ あるいは、外部ファイルが読み込まれた状態のソースで認識してくれるのか・・・ 疑問に感じましたのでご質問させていただきました。 なお、参考にさせていただいたサイト内の注意点として上記の方法だと「空div」でひっかかります。と記載がありました。 なにとぞ、よろしくお願いいたします。
- ベストアンサー
- HTML
- IDをspanとdivに適用させると表示はそれぞれ違いますか？？
WEBを勉強中です。 spanとdivにそれぞれ外部ファイルで #header{height:100px;border-top:20px solid #99ff66;} と適用させたんですがspanだけborder-top:20px solid #000000の表示が出ませんでした。 spanはインライン要素だからIDは使えないということでしょうか？？ <span id="header"> と本文に記入したんですが、、、
- ベストアンサー
- HTML
- <div>と<div>の隙間を無くす方法
ヘッダーの<div>を作って、その下に横長（ヘッダーと同じ長さです）ナビのメニューの<div>を作りたいのですが、ヘッダーの下とナビの上に20ｐｘほどの隙間が空いてしまいます。なぜでしょうか？マージンを0に設定してもできてしまいます。 また、ナビメニューはボタンの画像にして文字を埋め込んであります。全部で6つです。それをulで右にフロートさせ、liを左にフロートさせています。DWで作っていますが、DWのプレビュー画面で確認すると、メニューがulで右にフロートしてありますが、liが左にフロートされてなくブロック状態で表示されます。しかし、IEやfirefoxなどのブラウザで確認すると、ちゃんとインライン表示されます。それが原因しているのでしょうか？ また、メニューボタンはjavascriptでスワップイメージにしました。 どなたかわかる方いらっしゃいますか？ とても困っています。できましたら至急にお願いいたします。 コードを載せておきます。 <div id="header"> <div id="aa"> <h1>*********</h1> <h2>*********</h2> <p>**********<br /> *************</p> </div><!--aa--> <div id="bb"> <p>********</p> </div>><!--bb--> </div><!--header--> <!--navi--> <div id="navi"> <ul #menu> <li><a href="#" onmouseover="MM_swapImage('','','',1)" onmouseout="MM_swapImgRestore()"><img src="" name="" /></a></li> <li><a href="#" onmouseover="MM_swapImage('','','',1)" onmouseout="MM_swapImgRestore()"><img src="" name="" /></a></li> <li><a href="#" onmouseover="MM_swapImage('','','',1)" onmouseout="MM_swapImgRestore()"><img src="" name="" /></a></li> <li><a href="#" onmouseover="MM_swapImage('','','',1)" onmouseout="MM_swapImgRestore()"><img src="" name="" /></a></li> <li><a href="#" onmouseover="MM_swapImage('','','',1)" onmouseout="MM_swapImgRestore()"><img src="" name="" /></a></li> li><a href="#" onmouseover="MM_swapImage('','','',1)" onmouseout="MM_swapImgRestore()"><img src="" name="" /></a></li> </ul> </div> <!--navi--> ヘッダー部分のcss #header{ width: 800px; height: 120px; background-image: ***; background-repeat: repeat-y; margin: 0px; } ナビ部分のcss #navi{ width: 800px; height: 35px; } } ul#menu{ float: right; display: inline; margin: 0; } li{ float: left; margin: 0;
- ベストアンサー
- CSS
- <div>が2つ必要なのはなぜ？
<div>が2つ必要なのはなぜ？ いろんな人のhtmlソースを見てると <div id="container"> <div id="content"> 本文・・・・・ </div> </div> のように divを２つ使っていますが、なぜでしょうか？ divが１つだけだと何か問題あるのでしょうか？ よろしくお願いします。
- ベストアンサー
- その他（プログラミング・開発）
- divについて。
<html lang="ja"> <head>省略</head> <body> <div id="header">headerの内容</div> <div id="main"> <div id="left">左側の内容</div> <div id="right">右側の内容</div> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </div> <div id="footer">footerの内容</div> </body> </html> といった感じのトップページをCSS+htmlで作りました。見てわかる通り、<br>が無駄にたくさんあります。 でもこの無駄<br>がないと<div id="left">の内容を無視して、<div id="main">の縦の長さが0みたいに表示されてしまいます。 だから<div id="main">の縦の大きさを数値で指定すると上手くいくのですが、可変するようにしたいのでautoにして、結果無駄<br>をたくさん記述するはめになっています。 以前こちらで<div>の入れ子が上手くいかない時に clear: bothを入れると良いと聞いて入れ子構造は出来たのですが、今度は無駄<br>がないと入れ子にした際に（縦をautoにした場合）外側のdivが表示されないという状況です。 わかりづらい説明で申し訳ないのですが、何かが間違ってるせいだと思うのでわかる方宜しくお願いします。
- ベストアンサー
- CSS
- 特定のIDがついているdivを任意の順に
HTML内の特定のIDがついているdivを任意の順に並び替える処理を行いたいです。 <div id="sample-field">hogehoge</div> <div id="hoge-field">ほげほげほげ</div> <div id="dummy-field">ホゲホゲ</div> divのIDが固定であれば、 jQuery('#kotei').after(jQuery('#hoge-field'),jQuery('#dummy-field'),jQuery('#sample-field')); という感じでいけるそうで、このafter()の中身を作ろうとして詰まっています。 ---------------------------------------------------------------- var targetField = "hoge-field,dummy-field,sample-field";//←この順にしたい targetField = targetField.split(","); targetFieldLength = targetField.length; for ( i=0; i < targetFieldLength; i++ ) { source = "jQuery(" + "'" + "#" + targetField[i] + "'" + "),"; } ---------------------------------------------------------------- jQuery('#kotei').after(source); まず、↑のように書きました。 順にお尻に連結していくには「＋」だというのは理解しているのですが、 そもそも、変数 source は上書きされていくので、意図したものにはなりません。 最後の「,」を削除する処理も必要ですが、targetFieldLengthの数のループの時だけ処理を変える事で対応できそうな気はしています。 本当は、↓こうしたいです。 jQuery('#kotei').after(jQuery('#hoge-field'),jQuery('#dummy-field'),jQuery('#sample-field')); 拙い説明で恐縮ですが、 アドバイスいただけると嬉しいです。 よろしくお願いします。
- ベストアンサー
- JavaScript
お礼
回答頂きありがとうございました。