Q&A
何をどうしたいのか、コードで提示して下さい。
質問文は編集できます。
拡張子を.htmlにし、CSS言語を入力した場合、CSS言語はプレビューに適応されますか？
回答3件
0
ベストアンサー
あなたの質問では、やりたい事が伝わりません・・
htmlにcssを記述したいという事ですか？
でしたら
css
1<style type="text/css"> 2/* ここにcssを記述 */ 3 4</style> 5
ご指摘があったので、、
私はstyleタグはhead内に入れる事を推奨します。
投稿2019/12/18 12:07
編集2019/12/18 13:40
退会済みユーザー
総合スコア0
クォーテーションマークが違います。
コピペしたら、テキストがおかしくなってました。。
訂正をしておきました。
たまに、あるのですが何故なんでしょう？
私はその現象に出会ったことがないのでお答えできません。
低評価取り消します。
すいませんでした。
回答するからには、的確な回答をするべきでした。
すみません、また低評価にさせていただきます。
HTML5.2ではstyleタグをhead内に入れることは強制ではありません。
https://www.w3.org/TR/2017/REC-html52-20171214/document-metadata.html#the-style-element
確認不足すみませんでした。
header内は間違っていてあくまでも、その１としてheadタグ内にいれるという意味合いです。
あくまで、強制は行なっていませんし、そのようなつもりでもありません。
それから、記事にもよるのですがhead内にいれるタグという表記もあるようです。
https://html-coding.co.jp/annex/dictionary/html/style/
これは私の認識が合っていればの話なのですが、
styleタグは文書メタデータです。よって文章メタデータはhead内に書く事がよいのではないのでしょうか？
引用：
HTML の <head> 要素は、文書に関する全般的な情報（メタデータ）を内包する要素です。文書のタイトルや、スクリプトおよびスタイルシートへのリンクを内包できます。
https://developer.mozilla.org/ja/docs/Web/HTML/Element
最も信用できるリファレンスのあるサイトMDNを使用してみては？
調べると沢山のサイトに記載されているようですが、それらはかなりタイムラグのある記事であったりもします。よって、MDNのサイトを見る癖をつけても良いかもしれません。
上にW3Cのサイトへのリンクをはっております。
（念のため、W3CがHTMLの勧告を行なっていますのでMDNよりも信頼できます。
あと掲載のサイトはHTML4.01です。そのため、headタグ内に入れることが強制されています。
補足ですが、
HTML Living Standardではhead内に書くのが強制されています。
低評価取り消しておきます。
以前、teratailでもhead内に入れるように指示している回答を見た事がありましたので、そのようなものなのかと思っていました。
head内に入れることを強制していれば、していないものもあると思います。
しかし、head内に入れることを禁止しているものはないと思います。よって、head内に入れるのが1番良いのではないでしょうか？という私の結論に至りました。
尚、先程も言いましたが、強制はしていませんのでそこは認識してもらいたいです。
上の文言ちょっとややこしいので以下にまとめておきます。
あと、一部間違っていたことがあるので、これが結論であることをご承知いただきたい。
まず、HTMLには大きく2つの団体が関わっており、WHATWGとW3Cという団体です。
現状、WHATWGが仕様を策定し、W3Cが勧告を行なっています。
WHATWGが仕様策定したものがHTML Living Standardであり、これをもとに、
W3Cが勧告を行なっています。（現状は5.2が最新）
勧告として最新の5.2では、
Where metadata content is expected.
In a noscript element that is a child of a head element.
In the body, where flow content is expected.
https://www.w3.org/TR/2017/REC-html52-20171214/document-metadata.html#the-style-element
とあるように、styleタグをheadタグ直下かheadタグ直下のnoscriptタグ内に入れることは強制ではありません。
対して、最新仕様であるHTML Living Standardでは
Where metadata content is expected.
In a noscript element that is a child of a head element.
https://html.spec.whatwg.org/#the-style-element
で、styleタグをheadタグ直下かheadタグ直下のnoscriptタグ内に入れることが強制になっています。
以上です。
尚、引用は公式からです。
# 追記 12/18-23:14
めんどくさいのでW3Cと略していますが正式名称はWorld Wide Web Consortiumです。
承知しました。
私が知識のないまま、回答をしてしまいました。
W3Cのご説明ありがとうございます。
独学で学び始めているのですが、動画学習サイトではMDNを取り上げていた為、そちらばかりをみていました。勧告も行なっているという事もあり立ち位置がわかりました。
0
意味不明です。
「プレビュー」とは？
.htmlに以下のように書いただけではそのまま表示されるだけです。
HTML
1/* index.html */ 2html { 3 background: yellow 4}
だとそのまま表示されます。
投稿2019/12/17 13:51
総合スコア10429
0
投稿2019/12/17 12:02
総合スコア34073
あなたの回答
tips
プレビュー
