問題タブ [stylesheet-link-tag]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
842 参照

javascript - タグ href内で JavaScript 関数を呼び出すことはできますか?

含まれているバージョンでロードする必要がある CSS ファイルがあります。

wheregetVersion()はバージョンを返す関数ですが、これは機能していません。

私も試しました:

0 投票する
1 に答える
1280 参照

html - スタイルシート リンク タグで title 属性を正しく使用する方法

私のHTMLページのスタイルシートタグtitleに追加されたときの属性の詳細を誰かが詳しく説明できますか? 今日、いくつかの HTML をいじり、複数のスタイルシートを使用しているときに、自分の s で属性を誤用しているように見えることに気付きました。<link><head><link>title<link>

これが私のhtmlです:

仕事を始めたとき、icomoon.cssスタイルシートが読み込まれなかったのでイライラしました。title属性が問題であることに気付くのにしばらく時間がかかりました。title具体的には、両方のスタイルシートから属性を削除した場合:

または、同じタイトルを付けた場合:

スタイルが正しく読み込まれました。もう少し調査した結果、Firefox では、ユーザーが表示するスタイルをView->に移動して選択できることがわかりましたPage Style。たとえば、「Boring」と「Cool」という 2 つのスタイルシートを作成し、ユーザーは 2 つのスタイルを切り替えることができます。

そうは言っても、title属性の目的が何であるかはまだわかりませんか? 主な理由は、Chrome と Safari (Edge や Internet Explorer は確認していません) には、Firefox のようにタイトル付きのスタイルを切り替える機能がないように思われるためです。<link>rel属性にはalternateインジケーターが含まれます。スタイルシートに素敵なタイトルを付けるのは、単なる便利な属性ではないことは明らかです。

0 投票する
1 に答える
41 参照

html - HTML の "link" タグについて、"stylesheet" の次に "rel" 属性に最も使用される値は何ですか?

私たちが最もよく使用した「スタイルシート」は知っていますが、他の値が使用されているかどうか、およびそれらがどれだけ使用されているか疑問に思っていました。個人的には「スタイルシート」以外の価値観に今まで出会ったことがありませんでした。

0 投票する
1 に答える
155 参照

css - 現在のページと混在するタグのスタイルシートを含めたくない

dashboard.jade に、header.jade ファイルをインクルードするための include タグがありますが、header.jade ファイルには独自のスタイルシートがあり、それを実行すると、dashboard.jade のスタイルシートもインクルードされた header.jade に適用されます。含まれている header.jade ではなく、dashboard.jade のスタイルシートのみに適用する方法はありますか?

これが、dashboard.jade のコードです。

そして、header.jade のコードは次のとおりです。

どんな助けでも大歓迎です、ありがとう!

0 投票する
2 に答える
1140 参照

html - head セクションの外側に CSS リンクのスタイルシートを追加する

これは少し異例に思えるかもしれませんが、現在取り組んでいる Web サイトで Bootstrap を使用しようとしていますが、サイト自体のヘッド セクションにアクセスできません。

理想的には、getbootstrap から入手できる Bootstrap CDN を使用することです。

もう 1 つのオプションは、Bootstrap でダウンロードした CSS ファイルから必要な CSS を取得し、コードをインラインで実行することですが、明らかに、これはもう少し手間がかかります。

だから、私の質問は -

1) 頭の外側で Bootstrap CDN にリンクすることは可能ですか?

2) 私が考えていない代替案はありますか?

3) インラインでコピーして貼り付けるのが唯一の方法ですか?

ヘッド自体にそれを実装するには、フルアクセス権を持つヘッド開発者が必要です。ヘッド自体には多くの課題があり、これはやるべきことのリストのかなり低い部分にある可能性が高いので、自分で何かできるとしたらそれは素晴らしいでしょう。

0 投票する
2 に答える
1437 参照

css - Rails CSS、JS、および JQuery エラー (Windows の場合)

最近、私のプログラムが localhost:3000 サーバーで多くのエラーを経験していることが明らかになりました。私は RoR と JQuery にまったく慣れていませんが、これは Windows 固有のエラーであり、これまでのところ私のプログラムには実際のエラーはないと思います。

Rails のバージョンは最新 (5.0.0.1)、Ruby のバージョンは 2.2.4 で、現在、ローカルホストを起動するたびに次のエラーが表示されます。

ただし、「アプリケーション」タグを必要なものに変更すると、それが機能し、ローカルホストが適切に実行されるようです。たとえば、「デフォルト」に変更しました。

<%= stylesheet_link_tag 'default', media: 'all', 'data-turbolinks-track': 'reload' %> <%= javascript_include_tag 'default', 'data-turbolinks-track': 'reload' %>

通常、application.css コードはビューに自動的に実装されるはずですが、上記のタグを「default」に変更したため、現在は機能しません。これに対抗するために、私は最初に

しかし、同じものを返しました

その後、application.html.erb コードと一致させるために、「default.css」という名前の新しい css ファイルを作成することにしました。それでも同じ TypeError 問題を返します。

bundle install を何度も再実行し、すべての gem をチェックし、新しいプロジェクトを作成しましたが、この問題は解決しません。この問題は多くの Windows ユーザーに当てはまると確信しており、このトピックに関する質問はまったくありません。お知らせ下さい。ありがとうございました!

0 投票する
1 に答える
287 参照

css - NGINXはプリロードCSSを提供していません

Web サイトのレンダリング速度を最適化しようとしています。

しかし、Nginx は rel="preload" で CSS リンクを提供していません。rel="stylesheet" の場合は正常に動作しています。

新しいnginxバージョン1.13.7をインストールしました。インストールしたモジュールは次のとおりです。

rel="preload" の場合、一致する css ファイルのログがありません。

私を助けてみてください。

事前にどうもありがとうございました。