- ベストアンサー
フッターリンクを作りたいのですが
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<nav>タグは主要なナビゲーションを表すものなので、フッターに設けるリンクが主要なものなのかどうかを見極める必要があります。 ページ上部やサイドにグローバルナビゲーションがあるなら、そちらに<nav>タグを使用したほうがいいでしょう。 http://www.mdn.co.jp/di/articles/2605/?page=11 とはいえ、いろんなサイトで<nav>の重複使用が確認できます。 ナビゲーションにかかわるセクションは全部使ってもかまわないという印象ですね。 http://parashuto.com/rriver/responsive-web/four-reasons-why-apple-websites-navigations-are-good
関連するQ&A
- ヘッダーとフッターを画面いっぱいにする方法について
添付画像のようにヘッダー部とフッター部だけを画面いっぱいにしたいと思っています。 HTMLはおおよそ以下のような構成になっています。 CSSでは <div id="container">に対して以下のように記述しています。 --------------------------------------- #container{ width:1000px; margin: 0,auto; } --------------------------------------- HTML内のheaderやfooterを<div>で囲むwrapを作り、それらにwidth: 100%;とCSSに記述してやればうまくいくような事を聞きましたがうまくいきませんでした。 それほど複雑な構成ではないシンプルなタグ構造だと思います。 ヘッダーとフッターの幅を添付画像のように画面いっぱいに広げるにはHTML, CSSにどのような記述をすればいいのでしょうか？ ご存知の方いらっしゃいましたら宜しくお願いします。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル<title> </head> <body> <div id=container> <header> ヘッダー </header> <nav> </nav> <main> </main> <footer> フッター <footer> </div> </body> </html>
- 締切済み
- HTML
- HTML5のfooterに見出しを付けてもいいのか
<footer> <h3>関連記事</h3> <nav> <li><a href="http://...">ワカメは髪に良いのかを実験！</a></li> <li><a href="http://...">昆布も髪の成長に関係していることが判明！</a></li> </nav> </footer> 以上は、あるセクションのフッターですが <footer> <nav> <h4>関連記事</h4> <li><a href="http://...">ワカメは髪に良いのかを実験！</a></li> <li><a href="http://...">昆布も髪の成長に関係していることが判明！</a></li> </nav> </footer> のようにするべきですか？ <footer>に作者や投稿日時も含められるなら、「関連記事」と限定するのは誤りなのかなという疑問があります
- ベストアンサー
- HTML
- HTML5の記述について
現在、HTML5について勉強をしているのですが、下記サンプルコードが間違っているのではないかと思います。サンプルコードでは、途中にsectionタグでarticleタグを囲っている部分があります。今回の場合、articleタグでsectionタグを囲ったほうがいいのではないでしょうか？様々なサイトを見て回ってこのように感じたんですが、自分の見解が合っているかがわかりません。よろしくお願いします。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf8"> <title>おかずまみれ</title> </head> <body> <header> おかずの部屋 <nav> ホーム リンク集 プロフ </nav> </header> <section> 今日のおかず <article> おいしいおかず 25 おかず25のレシピ </article> </section> <section> 新着!おかず!! <article> おいしいおかず 01 おかず01のレシピ </article> <article> おいしいおかず 02 おかず02のレシピ </article> </section> <aside> おかず本がいっぱい おかず本 1 おかず本 2 おかず本 3 </aside> <footer> このサイトは xxxxxによって運営されています。 </footer> </body> </html>
- ベストアンサー
- HTML
- リンクを増やす フッターリンクの追加
https://www.moshimo.com/shop/pages?name=dekisugi … ここのページに書いてあるやり方でページを１０個作る所まではできたのですが、この１０個のページを最初に作ったＨＰに貼り付けるというやりかたが何時間やってもわかりませんでした。 フッターリンクに追加すると書いてあったのですが、どこの部分を書き出して張ればよいのかなど全くわかりませんでした。 またＦＣ２ＨＰを使用しているのですが、ファイルを１０個アップロードしても表示されるのは最初のページのみとなってしまいます。 １０個のページ全てを表示させるためにはどのようにすれば良いのでしょうか？ 本当に困っていますどなたかご存知の方教えて頂けないでしょうか？よろしくお願いします。
- ベストアンサー
- インターネットビジネス
- footer部分をheight:100%にするには?
現在制作しているウェブサイトのfooter部分をheight:100%にしたいのですが、どうしたらいいのかわかりません。 どのようなサイズのブラウザで見てもfooter部分の背景が画面下いっぱいまで表示されるようにしたいのですが、どうしたらよいのでしょうか? 組み方はテーブルコーディングではなく、完全cssでレイアウトしています。 footer部分にcssでheight:100%を指定しても変わりませんし、htmlタグとbodyタグにheight;100%を指定しても、footer部分がやたら長くなってしまうし、もうどうしたらいいのか・・・ ご存知の方がいらっしゃいましたら、教えてください!!
- ベストアンサー
- HTML
- 動画を掲載すると最下部のフッターを突き抜ける
CSS・HTMLでほとほと困っております。 コンテンツが少なくても、コンテンツが多くても、どちらでもフッターを最下部に常に配置させる方法をおこなってみましたが、場合によってそうなってくれません。 フッターが見えなくなるほどに縦に長くテキストをだらだらと打ってみると、この場合はフッターは常に最下部に配置してくれます。ひと画面で見えないほどにテキストを打ってみても、テキストが最下部までつらなってくれて、フッターは見えなくなります。 このときはブラウザのスクロールバーが出るので、スクロールしてみると、最下部にフッターはちゃんと配置してくれています。これは成功です。 しかし、例えばobject、embed、paramタグを使ってYouTubeにアップしている動画をリンク式で掲載してみると、とたんにダメになります。 一見、フッターは最下部に配置されています。しかし、よくみると動画コンテンツがフッターと重なっています。 ブラウザのスクロールバーが出現しているので、スクロールすると、 スクロールに合わせてフッターまでも一緒にスクロールされて上に上がってきます。 そして、フッターの下に動画コンテンツの続きが表示されています。 IE8では、フッターの上に動画コンテンツが重なっています。 Firefoxでは、動画コンテンツの上にフッターが重なっています。 どうすれば直るでしょうか？ ちなみに、以下のサイトの方法を順守して作成しました。 http://www.stylish-style.com/csstec/ultimate/fix-foot.html
- ベストアンサー
- CSS
- フッターについて
質問番号：7547437で質問させていただいたものです。 日にちが空いてしまったことと、補足があったため改めて投稿させていただきました。 現在、物販用WEBサイトを作成中なのですが、フッターのデザインを変更したいと思っております。 ただ、ほとんど知識がない上に、テンプレート配布サイトからDLしたhtmlファイルとcssを見よう見まねで編集する程度でして、ビルダーなどのソフトは使っておりません。 作成中のフッターは ｜HOME｜サイトナビ｜よくある質問｜お問合せ｜ という横並びのみになっているのですが、 http://footer-design.com/2011/80.html の様な並びにしたいと思っております。 以下、質問番号：7547437でいただいたご回答の一部抜粋。 ＞コピーライトなどの表記がある部分の上に、いくつかのリンク先が ＞箇条書きになっているリストがあり、そのリストが横にいくつか並んでいる、 ＞そういうレイアウトにしたいという事でしょうか？ はい。おっしゃるとおりです。 参考URLはリストが5つ並んでいますが、どうしても5つにしたいわけではないので、 横に並んでいるリストがあるレイアウトであれば、4つでもかまいません。 参考URLでソースは確認したのですが、html、cssをどのようにしたらよろしいでしょうか？ つたない内容で申し訳ありません。どなたかお力をお貸し下さい。 よろしくお願いいたします。
- ベストアンサー
- CSS
- css外部ファイル（ヘッダ、フッタ）の書き方
素人です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> でhtmlを（テキストエディタを使って）書いています。 ヘッダとフッタをcssで書きたいので参考サイト等を探していますが、 htmlに埋め込む方法ばかりで、外部ファイルの書き方が見つかりません。 例えば、 －－－－－－－－－－ <style> * { margin: 0; padding: 0; } #header { position: ●●●● left: 0; top: 0; background-color:●●●● color: ●●●● width: 100%; height: 30px; z-index: 3; －－－－－－－－－－ のようなソースは見つけることが出来るのですが、これを外部ファイルに書き出す方法が分かりません。 ヘッダ内にて <link rel="stylesheet" href="ファイル名.css" type="text/css" /> を宣言し、外部に読み込みファイルを作成する方法で、ヘッダとフッタは作れないのでしょうか？ 探し方が悪いのかもしれませんが、どうしても見つけることが出来ません。 書き方の参考サイトや、ソースの書き方を教えて下さい。 よろしくお願い致します。
- ベストアンサー
- HTML
- IE9でフッターに文字が重複してしまいます（＞＜）
初めてWebサイトを作っています。 よくあるフッターとして、次のような例でページが締めくくられているかと思います。 サイト運営者 プライバシーポリシー サイトマップ お問い合わせ 私も、上記のような例でフッターを作成したのですが、IE9だけ「お問い合わせ」の文字が、重複してしまいます。HTMLには2重で書くようなことはしていないのに、何故なのでしょうか？ しかたが無いので、半角スペースのタグである「 」をいくつか入力し、重複してある表示ヵ所を見えないようにしました。 このようなトラブルは、よくあることなのでしょうか？ また、その対応方法を教えて下さい！！
- ベストアンサー
- CSS
- 被リンクって？
いまいち『被リンク』について 理解ができません。 検索エンジンに登録することで、 被リンクが増えていくという事なのでしょうか？ また、相互リンクというのは、 自分のサイトにリンク先のタグを 貼り付けることなのでしょうか？ だとすると、自分のサイト上にたくさんのリンク先が載ってくることになるのでしょうか？ 初歩的な質問ですいません。 宜しくお願いします。
- 締切済み
- その他([技術者向] コンピューター)
お礼
ありがとうございました。