- ベストアンサー
JavaScriptとスタイルシートの併用
JavaScriptとスタイルシートの併用ってできますか？ そのときは、メタ要素の content="text/css" と"text/javascript" の指定はどうなるのでしょうか。かなり初心者的質問ですが、回答よろしくお願いします。
- tamio-area
- お礼率48% (13/27)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
当然できます。 <head> 他の定義 <script type="text/javascript"> <!-- JavaScriptの定義 // --> </script> <style type="text/css"> <!-- スタイルシートの定義 --> </style> 他の定義 </head> の様に、<head>～</head>の間にそれぞれについて定義すれば良いでしょう。 スタイルシートで定義した内容を、JavaScriptで修正する。などと言う、DHTML的な使い方も、この様な指定で問題ありません。
その他の回答 (1)
- argi
- ベストアンサー率27% (5/18)
<meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> と2つ記述すれば良いです。
お礼
そうだったのですか。 いや、自分はほんと分からなかったので、安心しました。 回答ありがとうございました！
関連するQ&A
- UTF-8を指定すると外部スタイルシートが効かなくなります。
現在海外の方へ向けて英語のwebサイトを制作しており、 WinXPのDreamWeaverで作成し,全て英語で記述しているのですが、 <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> ↑この記述から ↓この記述に書き換えると外部javascriptに記載されているスタイルシートが効かなくなります 。 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> スタイルシートは外部に記述しており、 HTMLファイルに記載されているスタイルシートは効いています。 javascriptにだけなぜスタイルシートが効かないのでしょうか？ このような場合の解決策を知っていらっしゃる方がいたら、教えてください。 宜しくお願いします。
- ベストアンサー
- HTML
- meta css javascript 必要性
charset、keywords、robots、Expire等は わかるのですが、 <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> これは、書くことが推奨されるとなっています。 サーバー、ブラウザ間では このタグによって どのような事が おこなわれてるのでしょうか。 サーバー側から css、javascript使ってますよーと ブラウザに情報を わたす？ しかし、タグ自体は サーバー関係あるのだろうか？と、大混乱中。 javascriptの場合、onClick= は javascriptですよーとの宣言との事。 これを指定しなくてもうまくいきますが、ブラウザはなにかわからんけど、javascriptだろうと 勝手に解釈してるということでしょうか。 ちょっと おかしな想像ですが 迷う事はないのでしょうか？ →ブラウザ側での表示までに無駄な考える事を増やしてる？ (相当、小さなものだと思いますが。。) meta javascript と meta ｃｓｓ が なぜ 推奨となってるのか、 書く事の メリット デメリット？ が あれば 意見欲しいです。
- ベストアンサー
- HTML
- スタイルシートを取り込みたい
CSSファイルを作成して、それをHTML内に取り込みたいのですが、うまくいきません。 ベクターにある「ABStyle」なるソフトを使用して、CSSファイルを作成しました。 （ファイル名は「sf01」スタイル名も「sf01」です） これを新規のHTMLに取り込むようにしたいのですが、いろいろなHPを見てやってみるのですが、なにかがおかしいらしく、ちっとも読み込んでいないようです。 新規のHTMLの <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=x-sjis"> <meta name="GENERATOR" content="Microsoft FrontPage Express 2.0"> <title>無題 標準ページ</title> </head> <body bgcolor="#FFFFFF"> </body> </html> ここの、どこに、どうやって、すればいいのかお教えください。。。。 新規HTMLは「safety」というファイルにありまして、CSSファイルも同じフォルダーに入っております。 CSSの場所を指定すればいいと思うのですが、具体的な記述方法をお教えいただければ幸いです。（すみません、超初心者です） 当方W98,FPEは2.0です。 宜しくお願い申し上げます。
- ベストアンサー
- CSS
- ホームページビルダー８でスタイルシートを使いたい。
HTML初心者です。ホームページビルダーは簡単ですが何度か経験があります。ホームページビルダー８で他のサイトからのスタイルシートというものを使って簡単に作成したいのですが・・ http://wbakibaki.id25.com/ こちらのサイトでテンプレートをダウンロードさせて頂きました。 ですがその先が分かりません^^； 解凍はできたのですが開けると何個もフォルダがでてきてしまってその中のcssというフォルダの中のstyleという所を開けるとカスケードスタイルシートドキュメント（cssファイル）であるのですがそれを全部コピーしてHPBのHTMLソースに張り付けるのでしょうか？ ちなみにHPBの白紙のページのHTMLソースが <!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 8.0.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> </HEAD> <BODY></BODY> </HTML> とあるのですがどこの部分にいれるのですか？ 色々自分なりに調べましたがイマイチ分かりません・・ それでいれられたとしたらテンプレートで見た物とまったく同じような画面がでてきてそれを編集するのでしょうか？どなたか初心者でもわかるように教えていただけませんでしょうか？ なにか間違っていたり、補足が必要ならいたしますので宜しくお願いします！
- ベストアンサー
- HTML
- css、スタイルシートの読み込み順について
head内に<link type="text/css……>でスタイルシートを3つ読み込んでいて ①reset.css ②style.css ③content.css の順で上から下に並べてるのですが②が後で読み込まれます。 !importantはどのスタイルシート内にもついてませんし、リンクの指定ミス等もありませんでした、メディアクエリのミスもありません。 一体なにが原因として考えられるでしょうか…お知恵を貸していただけますと嬉しいです。
- 締切済み
- CSS
- スタイルシートでの中央揃え
<html> <head> <title>文書のタイトル</title> <meta http-equiv="Content-Style-Type" content="text/css"> <style> body{text-align: center;} </style> </head> <body> <table> <tr> <td> テーブルの内容 </td> </tr> <table> テーブル外の内容 </body> </html> のように、スタイルシートで、 body{text-align: center;} を指定したのですが、IE6ではtableが中央揃えされましたが、NN7.1やFirefox 1.5.0.7ではtableが中央揃えされませんでした。 centerタグを使えば問題ありませんでしたが、非推奨なのであまり使いたくありません。 スタイルシートを用いてIE6と同様にNNやFirefoxでtableを中央揃えするようにするにはどうすればいいでしょうか。
- ベストアンサー
- HTML
- xhtmlのスタイルシートについて
<?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" lang="ja" xml:lang="ja"> <head> <meta name="robots" content="noindex,nofollow,noarchive" /> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> t { color : 407133; k { color : 337060; r { coior : 454580 > </style> ↑どこか間違っているところがありましたら教えてください。 <span class="#407133">てすと</span> 文字色が変わりません。 どなたか指摘願います。
- ベストアンサー
- その他（インターネット・Webサービス）
- スタイルシート２
１．スタイルシートで、外部スタイルシートがありますが これはそんなに使い勝手がよいでしょうか？ <link rel="stylesheet" type="text/css" href="style.css"> と記述する上で、これはルールですからしょうがないでしょうが、<link rel="stylesheet" type="text/css" とここで、stylesheetを指定していて、さらにtext/css" でも、”スタイルシート”ですよ！！ といっているのですから、最後のhref"URL"後のstyle.css の記述は無駄になるような（くどい＾＾）気もします。 これは、しょうがないですよねー。 個人で使うなら、HTMLで充分なような・・ あと、埋め込みスタイルでよういような・・ ２．さらに、スタイルシートはたしかに軽くなりますが、 記述が面倒で、フルスペル（省略できない）。 HTMLでは、<Li></LI>や、<tr></tr>で 表示できますが、こちらはすべて書かなくてはならないので便利とはいえ、つかいやすいでしょうか＾＾ リンクできるのは、見やすく便利ですが・・・
- ベストアンサー
- その他（プログラミング・開発）
- metaタグについて
xhtml、strictで作っているのですが、metaで疑問に思ったので質問させていただきます。 CSSやJavascriptを外部ファイルにしていても <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/JavaScript" /> の記述は必要なんでしょうか？
- ベストアンサー
- HTML
- スタイルシートが実行できません・・・
HPを作っています。 下記の通りにCSSを組み込んだのですが、実行されません。ちなみにただの画像とテキストだけのページに同じCSSを組み込みましたら、実行されました。 原因がわかりません。 Javascriptと何か関係があるのでしょうか？ ------------------------------------------- <head> <title>タイトル</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <style type="text/css"> <!-- body{ color:#444444; background-attachment:fixed; font-family:"MS UI Gothic"; font-size:8px; } --> </style> <SCRIPT LANGUAGE="JavaScript"> <!-- function new_win6(){ myWin=window.open("album1.html","","width=300,height=200"); } function win_close(){ myWin.close();} //--> </SCRIPT> </head> -------------------------------------------- ご存知の方がいらっしゃいましたら、教えてください。 よろしくお願いします。
- ベストアンサー
- HTML
お礼
別々に定義することはできるんですね。 回答ありがとうございました。