• 締切済み

長いヘッダーを java外部ファイルにしたい

ヘッダーのナビゲーションバーの部分を、 10個、全て画像のボタンをロールオーバーにしたいので、ソースの記述が多くなります。 全て共通のヘッダーなので、外部ファイル化したいのですが、 記述方法が、よくわかりません。 ヘッダー部分のXHTMLの記述をそのまま、javaファイルにコピペしてつくればよいのでしょうか? CSSもそのままでしょうか? "で囲む と、"前の¥など、他に、気をつけるべき点を教えてください。 よろしくおねがいします

みんなの回答

回答No.2

javascriptで外部ファイルを読み込むようにするとgoogleなどの検索エンジンが読んでくれないので、お勧めできません。外部ファイル化するのであればサーバーサイドで外部化することをおすすめします。PHPのincludeを使えばとても簡単ですね。

nakkro
質問者

お礼

ありがとうございます。 もっと勉強が必要のようです。がんばります。

noname#161640
noname#161640
回答No.1

XHTMLでWebページを書いていて、そのJavaScriptの記述を外部ファイルとして切り分けたい、ということですね? JavaScriptのファイルは「○○.js」といったファイル名にしておきます。そして、そこにそのままスクリプト部分(普通、<!-- //-->の間に書いてある部分です)をカット&ペーストして記述しておきます。(XHTMLファイル側では、その<script>タグは削除してOKです) このファイルを、Webページの<head>~</head>タグ内に、<script src="○○.js"></script>というタグを書いて、作成したファイルをロードさせます。これで通常は問題なく別ファイルのスクリプトが読み込まれ使えるようになるはずです。

関連するQ&A

  • 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
  • 各ページに共通するヘッダーやフッターの記述

    各ページに共通するヘッダーやフッターの記述 ホームページ作成について質問です。 過去の質問を検索しましたが 解決できなかったので質問させていただきます。 ホームページビルダーで各ページに共通するヘッダーやフッターをテンプレートにすると 全てのページにヘッダーに使われている文章やリストなどのhtmlソースがすべて記述されてしまいます。 いろんなサイトを見るとヘッダー部分は同じなのにhtmlソースが記述されておりません。 SSIのincludeもなくphp、java scriptも記述されていません。 別ページにリンクさせているようなアドレスが記述されています。 そのような方法はあるのでしょうか? またSEO対策としてはどちらがいいのでしょうか?

  • 外部ファイルからの読み込み

    ホームページで同じようなページがいくつもあり、 メニューバーなどの共通する部分のソースの記述を 外部ファイル(.lbi)から読み込むようにしたいのですが、 読み込む部分のソースの記述の仕方がわかりません。 実際の記述を教えていただけますか? ちなみにフレームを使えばいいと思われるかもしれませんが、 この方法を使わないといけないのです。 それで、これはaspのやり方なのでしょうか? 作ったファイルは.aspで保存するのでしょうか?

  • 外部ファイルを読み込むSSIについて

    Webサイトのヘッダーとサイドバー、フッターを細分化し、外部ファイルを3つ作成しました。 そして、index.htmlなどに、ヘッダーとサイドバー、フッターを読込みたい場所に、次のように記述しました。※ちなみに、読み込み元の拡張子はレンサバの指定により「shtml」にしました。 <!--#include virtual="外部ファイル名.html" --> しかし、ブラウザで表示してみたら、デザインが崩れてしまいました・・・ 外部ファイルには、head情報を記述していなくて、表示したい内容のタグや文章だけなのですが、外部ファイルにもhead情報を記載し、cssを適用させる必要があるのでしょうか? しかし、その場合、きちんと表示されたとしても、ブラウザでソースを確認すれば、head情報が2重で記載されてしまうはずです・・・・・ このような場合、私はどのような対応をしたら良いのでしょうか? もしくは、外部ファイルを読み込む場合、他に良い方法はるでしょうか?

    • ベストアンサー
    • CSS
  • ヘッダファイルとソースファイルについて

    今までは、Webプログラミングを行っていたのですが、 最近になって、C++の仕事を請け負いましたので、 C++を勉強しつつ、プログラムをしていたのですが、 Webプログラムとの違いに悩んでいる部分があります。 それは、ヘッダファイルとソースファイルの関係についてです。 ほかのファイルから、インクルードされたヘッダファイルが、 読み込まれるというのは納得がいくのですが、 そのヘッダファイルに関連付け(?)られたソースファイルも、 一緒に読み込まれるという理由がわかりません。 ヘッダファイルでソースファイルを読んでいるような記述もないような感じなので、とても疑問に思っております。 なぜ、ヘッダファイルをインクルードしただけで、付属のソースファイルも読み込まれるのでしょうか?

  • cssで外部ファイルを読み込む

    XHTML+cssで制作中ですが、XHTMLの中にcssで外部ファイル(HTMLページ)を読み込むことはできますか? インラインフレームでやれないかとも思ったのですが、やってみたらインラインフレームの下のデータが表示されなくなってしまいました。 書き方が悪かったんでしょうか。 cssで読み込みができればいいんですが。。。 教えてください。 よろしくお願いいたします。

    • ベストアンサー
    • XML
  • 外部JavaScriptファイルから呼び出したい!

    ページを早く表示させるために、コピー&ペーストでスクリプトを外部ファイル化しました。 <script language="JavaScript" src="../js/menu.js"></script> ↑とコピペした外部ファイルへリンクさせ、その後、 <script language="JavaScript">mmLoadMenus();</script> と記述してある部分があるのですが、うまく呼びだせてないようでランタイムエラーがでます。 すべてのJavaScriptを1ファイル内に記述しているときはうまく動作しているのですが、外部ファイルに切り離すとエラーが出ます。 外部ファイル化したために、mmLoadMenus();が動作しないので、どなたか分かる方、アドバイスをお願いします!!

  • CSSの外部ファイルの作り方

    こんにちは、いつもはサイトのデザインをCSSで設定する時 HTMLファイルの<HEAD></HEAD>部分に書き込んでるのですが それらの量が段々多くなってきたので前ページ共通のCSSは外部ファイルでリンクさせようと思いました。 でも外部ファイルでCSSを作るのは初めてなので何分書き方などで少し分からないところがあります。 例えば1.文字の大きさ2.リンク下線消し3.行間の幅 などを指定する時これら全部を一つのCSSファイルに書いていいのですか? それとも一つのファイルには一つの設定しか書けないんでしょうか? あと、外部ファイルの場合<STYL>でまとめなくてもいいらしいのですが、もし一つのファイルに複数の設定を書けるなら その場合は一行あけて書いたりするのでしょうか? そして、これらCSSの外部ファイルにリンクさせたHTMLファイルの <HEAD>部分に後から他のCSSを書き込んでもそれは反映されますか? いろいろ多くて少し分かりづらい説明かもしれませんがお願いします。

    • ベストアンサー
    • HTML
  • ヘッダー部を外部の共通ファイルで

    ホームページビルダー9を使用しています。 沢山あるページのヘッダー部を外部の共通ファイルにしたいのですが、 どのようにしたら良いのでしょうか。 現在は、20行程度のブロックをコピー/ペーストしています。 宜しくお願いいたします。

  • Flashで作ったメニューを含む画像を全ページ共通にしたいのですが(外部ファイル読み込み)

    カテゴリにCSSがなかったのでここに投稿させて頂きます。外部ファイルを読み込ませて全てのページで共通の画像などを表示する方法を詳しく教えて頂きたいのですが。 Flash MXでリンクをつけたメニューを作ってそれを全てのページで表示させたいのですが外部ファイルを作って読み込む方法がスマートだと検索エンジンから辿り調べてみたら書いてあるサイトを多数見つけたのですが具体的にどう記述したらいいのかわからないのですが教えて頂けないでしょうか。.jsファイルを作る事や.cssファイルを作る事など書いてありましたが具体的に中身の記述がよく分かりません。どうかよろしくお願いします。

専門家に質問してみよう