- 締切済み
javascriptで指定した部分のみ読み込む
サイトを作成する際にPCサイトとスマホサイトを連動させたい。 タイトルやメタ、本文などは全く同じ内容で記載するので PCサイトを変更すると、そのままスマホサイトに反映出来れば いいなと考えました。 【ファイル名：abc.html】（仮） ------------------------------------------------------ 省略 **********ここから********** <title>タイトル</title> <meta name="description" content="●●●●"> <meta name="keywords" content="●●●,●●●"> **********ここまで********** 省略 <body> <div id="contents"> <h1>タイトル</h1> <div id="main"> <h2>サブタイトル</h2> <p> **********ここから********** 本文本文本文本文本文 **********ここまで********** </p> </div> 以下省略 ------------------------------------------------------ 上記「abc.html」の内容の **********ここから********** **********ここまで********* の部分のみをスマホ用の「abc_m.html」（仮）の指定した部分に 転送？転記？反映出来る方法を知りたく思います。 PHPの<?php include("ファイル名"); ?>を利用する方法もありかなと 思ったのですが、あまり効率が良くないかなと思います。 スマホサイト側にPHPもしくはjavaで指定した部分のみ引っ張ってくる方が 良いかなと考え自分なりに色々調べたのですが分かりませんでした。 何とぞご教授頂ければ幸いです。 宜しくお願い致します。
- nao7777
- お礼率100% (18/18)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- osietete4
- ベストアンサー率21% (81/369)
関連するQ&A
- 指定ページに自動でジャンプができません
例えば、http://abc.co.jp/に自動でジャンプしたい場合ですが、 ホームページビルダーV6.5で !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="refresh" content="2;URL=" http://abc.co.jp/"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 6.5.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> </HEAD> <BODY background="w2b.gif"> <DIV style="top : 132px;left : 127px; position : absolute; z-index : 1; " id="Layer1"><IMG src="newimage2.gif" width="98" height="19" border="0"></DIV> </BODY> </HTML> と入力したのですが、指定のサイトにジャンプ出来ません。 どこがいけないのでしょうか？ また、どうしたら良いか教えて下さい！！
- ベストアンサー
- HTML
- <title>~<title>部分にPHP読み込み
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <title>●●●●●●</title> <meta http-equiv="content-script-type" content="text/javascript" /> </head> <body> ～ 上記<title>●●●●●●</title>部分の、●●●●●●にtitle.phpの内容を挿入したく、 <?php require("title.php"); ?> と記述したのですが、エラーが出てしまいます。 title.php単体では正常に文字が表示されます。 どのように記述したら良いか、どなたかご教授いただけないでしょうか。 宜しくお願い致します。
- ベストアンサー
- PHP
- CSSでのページ構築につまずいてます
前にCSSの事で質問させて頂いたものです。（以下に質問内容） ---------------------------------- 質問させて頂きます。 只今テーブルレイアウトから脱却すべく、CSSでのレイアウトを練習中なのですが、以下のhtml(テーブル)をCSSにマークアップするところでつまずいてます。 <table width="80%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <table width="100%" border="0" cellspacing="3" cellpadding="0" bgcolor="#99CCFF"> <tr> <td><b><font size="+1">タイトル1</font></b></td> <td nowrap> <div align="right"><b>タイトル2</b></div> </td> </tr> </table> </td> </tr> <tr> <td>本文が入ります</td> </tr> </table> 問題なのはタイトル2を上手く挿入出来ない点です。 タイトル1は<h1>としてbackground-colorで色を敷いたのですが、タイトル2を<h2>と見出しとして定義すると、横並びに出来ません。 それならばと同じ色のボックスを横2つ並べて、それぞれ文字を入れると定義してみたのですが、見事にレイアウトが崩れてしまいました。 こんな初歩的な事で質問するのも恐縮ですが、お分かりになる方いらっしゃいましたら教えて頂けないでしょうか。 ↓質問ページのURL http://oshiete1.goo.ne.jp/qa4230033.html ---------------------------------- この質問に対し、様々なアドバイスを頂いて実践してみたのですが、実際のページに合わせてカスタマイズするとヘッダー部に隙間が出来たりしてしまいます。 恐らくこちらのカスタマイズのやり方が悪いのと、もっと詳細な実現させたいデザインを伝えていなかったせいだと思うので、今度は前回の質問時に自分なりに出来る所まで組んだソースを表示したいと思います。（以下ソース） <!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> <meta http-equiv="Content-Type" content="text/html; charset=Shift-JIS" /> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta name="description" content="省略" /> <meta name="keywords" content="省略,省略,省略" /> <meta name="robots" content="index,follow" /> <title>テスト</title> <base target="_self"> <style type="text/css"> h1 {font-size:1em; height:40px; background-color:#99CCFF} h1 img {vertical-align:middle } #nakami {width:79%; margin-left:auto; margin-right:auto } #honbun {margin-left:55px } p {font-size:0.8em; line-height:1.4} p img {float:right} </style> </head> <body> <div id="nakami"> <h1> <img border="0" src="cut1.gif" alt="カット1" width="53" height="40" /> タイトル </h1> <h2> 2008年8月7日(木） </h2> <div id="honbun"> <p> <img src="cut2.gif" alt="カット2" width="100" height="100" /> 本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります </p> </div> </div> </body> </html> ↑ごらんの通り、日付けが上手く収まっていません。 これを上の帯に右詰めで載せたいという質問でした。 教えて頂いたソースはボックスを二つ並べてタイトル1とタイトル2を入れるというものですが、borderを中の地色と同じにするとプレビューした時に隙間があいてしまいます。 前に答えてくださった回答者様には申し訳ないですが、再度質問させて頂きます。タイトル2を上手く収めるにはどうしたらいいのでしょうか。
- 締切済み
- CSS
- 縦書きにする方法
一太郎で入力した縦書き文章を、「他形式で保存」で「html文書」にすると、横書きになります。それを縦書きにするため次のような方法を考えていますが、ソースのなかのどこに挿入すべきか、よく分かりません。入れるタグは http://copicopi.com/text.html の中の「文字」→「文章変化」にあるものです。（変えるべき点があれば教えてください） トップ・ページ以外は「縦書き」のページをいくつか続けるサイトをつくりたいのです。まだ初心者なので、よく分からず、お尋ねした次第です。とりあえず今回は縦書きについてお尋ねしました 下に、本文直前の部分のソースを書いておきます。よろしくお願いします。 <html> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META NAME="GENERATOR" CONTENT="JUSTSYSTEMS Ichitaro22"> <META NAME="CREATIM" CONTENT="18:53:26"> <META NAME="BUILD" CONTENT="2012/10/9"> <META NAME="KEYWORDS" CONTENT=""> <META NAME="JS_HIDE_METAINFO_JUSTSYSTEM_ICHITARO" CONTENT="Do not change this line. ADD_TABLE"> <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css"> <TITLE>詩</TITLE> </HEAD> <body style="font-size:1em"> <table WIDTH="100%"> <tbody><TR> <td ALIGN="CENTER"> <TABLE> <tbody><TR> <td WIDTH="792" style="font-size:1em"> <DIV> </DIV> <DIV> </DIV> <DIV> <FONT STYLE="font-size:1.43em">鼓 動</FONT> </DIV> この後に本文
- 締切済み
- ホームページ作成ソフト
- サイト名を入れ方がわかりません。。
フラッシュのフリー素材をダウンロードしてHPビルダーを使ってプレビューを見たらフラッシュ素材は反映されているのですが、サイト名を入れるところが、「site name]とそのまま出てしまいます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 9.0.2.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <META name="IBM:HPB-Input-Mode" content="mode/flm; pagewidth=940; pageheight=1200"> <TITLE>☆★★☆</TITLE> </HEAD> <BODY background="clo1516.gif"> <DIV style="top : 9px;left : 128px; position : absolute; z-index : 4; " id="Layer1"><IMG src="profilr.jpg" width="75" height="75" border="0"></DIV> <DIV style="top : 14px;left : 344px; position : absolute; z-index : 5; HTMLソースは、こんな感じです。一部ですが＞＜ 私が思うに☆★★☆の部分にサイト名を入れたらいいのかなぁと思って入れましたがプレビューで見ても反映されておりません。どうすればよいのでしょうか？
- ベストアンサー
- HTML
- meta "description"を書いたら駄目
ワードプレスを使って日々記事を書いています SEO対策で <meta name="description" content=""> というのを記事ごとに書いた方が良いというのをよく見かけたので ワードプレスで新規記事投稿、新規作成で記事を書くとき テキストエディタの本文書く所の１番上に<meta name="description" content="80文字以内で説明を書く" /> <meta name="keywords" content="タイトルにある単語,本文にある単語,3個まで, /"> この二つを最近記事ごとに書いてきました。 しかし検索結果が思うように上位に表示されずおかしいなと思って 自分の書いた記事がグーグル検索にどう表示されるか調べてたんです。 「site:http://自分のURL書いてググる」 普通グーグルの検索結果は タイトル URL 「ここに3行<meta name="description" の説明が入る」 じゃないですか（添付画像参照） ですが実際反映されていたのは ヘッダーの(header.php)に書いてある方の <meta name="description"の文章でした！！ <head>のすぐ下によくあるやつ 記事に <meta name="description"をわざわざ書くことによって ヘッダーの<meta name="description"と2つ存在する事になって ヘッダーの<meta name="description"が優先されるという事なのでしょうか！？？？ ではよくSEO対策のページで記事ごとに<meta name="description"を書けと言っているのは どうやって書けばいいのでしょう？？ ヘッダーｐｈｐに存在している<meta name="description"はどの記事にも常に付いて回る存在で 記事ごとに書くことできないじゃないですか。 ここがさっぱり理解できていないのですが。 ヘッダーの<meta name="description" は削除してしまって 記事ごとに<meta name="description"を1つ1つ単独で書き込んで行けという事でしょうか？？？ 独学でさっぱり知識のない初心者ですが ヘッダーの(header.php)に書いてある方の <meta name="description"の文章が記事の検索結果に表示されるのは非常に困っております！！！ 教えてください！助けてください
- 締切済み
- その他([技術者向] コンピューター)
- 無料サーバーで作ったホームページが検索エンジンに反映されない
有料サーバーで作ったＨＰは検索エンジンに反映されるのですが、無料（ジオシティーズ、トリポッド等）のところは３ヶ月以上待っても反映されません。下記のようなタグは入れているのですが・・・ <HEAD> <META name="robots" content="index,follow"> <META NAME="keywords" CONTENT=""> <META NAME="description" CONTENT=""> <TITLE></TITLE> </HEAD>
- ベストアンサー
- レンタルサーバ・ASP
- OGプロトコル、イメージを設定したのに別のものが…
FaceBookに自分のWordpressで作ったサイトのURLを貼付けるとなぜかトップページ内で使っているメニューボタンの画像がサムネイルとして表示されてしまいます。 これはあまり望ましくないと思いOGプロトコルを設定してやりサムネ用に300×300のjpg画像を作ってやりog:imageとして設定してやりました。 FaceBookデバッガーで確認したところ無事に設定できていたようだったので安心していたのですがいざURLを投稿してみると今度はトップページ内で使用しているヘッダー画像が表示されるようになってしまいました。 どうしたらよいでしょうか？ <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <meta name="description" content="サイト説明" /> <meta property="og:title" content="<?php wp_title(' | ', true, 'right'); ?><?php bloginfo('name'); ?>"/> <meta property="og:description" content="サイト説明"/> <meta property="og:image" content="サイトURL/@.jpg"/> <meta property="og:url" content="サイトURL"/> <meta property="og:type" content="movie"/> <meta property="og:site_name" content="<?php wp_title(' | ', true, 'right'); ?><?php bloginfo('name'); ?>"/>
- ベストアンサー
- ホームページのヘッダ部分について
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML LANG="JA"> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=Shift_JIS"> <META HTTP-EQUIV="CONTENT-STYLE-TYPE" CONTENT="text/css"> <META HTTP-EQUIV="CONTENT-SCRIPT-TYPE" CONTENT="text/javascript"> <TITLE>○○○○</TITLE> <LINK REL="STYLESHEET" TYPE="text/css" HREF="css1.css"> <meta name="keywords" content="△,△,△,△,,△,△,"> <meta name="description" content="●●●●●"> </HEAD> <BODY> … となっているのですが、無駄な部分はありますか？ 順番などは合ってますか？ また、こうしたほうがいい、などとアドバイスがあればぜひよろしくお願いいたします。
- 締切済み
- レンタルサーバ・ASP
- これはmeta titleでしょうか？（HTML）
ホームページを作成しているのですが、サイトなどで調べていると、「meta title」という言葉が出てきたのですが、下記の<TITLE>・・・・・・・・・・・</TITLE>の部分って、meta titleなのでしょうか？またそもそもmeta titleなんていう言葉はあるのでしょうか？ <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>・・・・・・・・・・・・</TITLE> <META name="Description" content="・・・・・・・・・・・・・・"> <META name="Keywords" content="・・・・・・・・・・・・・・・"> <meta http-equiv="Content-Style-Type" content="text/css"> 一応勉強したのですが分からなくて質問してしまいました。 よろしくお願いいたします。
- ベストアンサー
- HTML
お礼
ありがとうございます。 参考にさせて頂きます。