Q&A
rel="stylesheet" がrel="stylesheets"になってるせいとかではないのかな
現在簡単なwebを自主制作しているものです。
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheets" href="home.css"> </head> <div class="top-text"> <h1>こんにちは</h1> </div> </html> ↑ cssファイルは、/assets/stylesheets/home.cssを作成しました。 layoutはこんな感じです ↓ <!DOCTYPE html> <html> <head> <title><%= full_title(yield(:title)) %></title> <%= csrf_meta_tags %> <%= csp_meta_tag %> <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %> <!--[if lt IE 9]> <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/r29/html5.min.js"> </script> <![endif]--> </head> <body> <header> <div class="header-logo"></div> </header> <div class="all-text"> <%= yield %> </div> <footer> <div class= "footer-logo"></div> </footer> </body> </html>
回答ありがとうございます。
自分のはファイル名がstylesheetsになっているので、rel="stylesheets"にしたのですが、ファイル名をstylesheetにしなくてはいけないとかあるのでしょうか？？
ファイル名云々ではなくいわゆる「お作法（文法）」の問題です。
ありがとうございます。
一通り目を通してみたいと思います。
回答1件
0
ベストアンサー
画面遷移のリンクもそうですが、jsもCSSのリンクも手動で書かない方が確実と思います。
stylesheet_link_tag
URLや必要な属性含めてこのあたりの機能を使うことで間違いなく生成してくれます。
特にURLはコンテキストパスなど環境依存することがあるので自身でフルで書かない方が良いです（Railsに限った話ではないです）
もちろん、すべてフレームワーク任せにしてしまうと根本的な理解はできませんので、
「この機能によりどのようなHTMLが生成されるのか」をブラウザ表示時に「ソースを表示」で確認しておくのは必須です。
投稿2022/04/18 08:41
総合スコア80892
あなたの回答
tips
プレビュー
