スタイルシートにコメントを入れるには?

 スタイルシートのコメントの入れ方。

 今日の話はスタイルシートのコメントの入れ方の話である。

コメントの特徴

1、スタイルシートが何を意味しているかの説明を入れる。

2、サイト表示上は表示されない(コメントアウトというらしい)ので、基本的にはスタイルシートのカスタマイズなどのときの覚書として使う。

3、ソース上には表示される。

スタイルシートのコメントの記載方法

/* 1行コメント */

/* コメント1
  コメント2
*/

 コメントと*/の間は、半角スペースまたは半角英数字が来るようにする。

 */の前に半角スペースなどが入らないと、次に「半角スペースなど*/」の記載があるまでのスタイルシートの記述をコメントとみなしてしまう。

 結果、スタイルシートがコメントとみなされて、サイト上に表示されないというトラブルが起こる。

/***1行コメント***/

/***コメント1
  コメント2
***/

 ↑のような書き方をしても[*]が半角であれば大丈夫。

コメントは入れ子にして使わない

 スタイルシートのコメントは入れ子にして使うことはできない。

NG例
/***1つ目のコメント/***2つ目のコメント***/***/

スタイルシートのコメントの使い方

/***要素の文字色 *** /
p{color:#000000;}

 のようにスタイルシートの始まりにコメントを入れる。

p{color:#000000;} /***要素の文字色 *** /
div{color:#ffffff;} /*** div要素の文字色 ***/

 のように、スタイルシートの横に書くこともできる。

HTMLもコメントを入れることができる

 HTMLにも同様にコメントを入れるタグというのが存在する。

 HTMLの場合!--/ --、!--/ /--、!-- --を利用する。

 HTMLのコメントの話はこちらを見てね

コメントを残す




*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

シーサーブログのタグページに記事概要(記事の要約・サマリー)を表示する方法
Googleカスタム検索で自分のサイトへ戻るためのリンク設定をする
WordPressコメントフォームのメールアドレス記入を必須項目からはずしてプラグインで注意事項を書き加えてみた
Googleカスタム検索のメリットとデメリットをWordPress標準検索と比べてみよう
FC2ブログのデーターバックアップの方法
文字の大きさが変えられないのは、スタイルシートのフォントサイズ指定の単位が問題
wordpressバージョン 3.9.2 へバージョンアップ
FC2ブログから引越し準備・データのダウンロード
FC2ブログのテンプレートの中に、ナビゲーション(パンくずリスト)を入れ込む
wordpressでPCと他のデバイスで表示を変える関数(タグ)
プロフィールを設定しないとログインIDがただもれになる・WordPressでブログを作る
GooglePlayアプリのダウンロードサイトへのリンクバナーを作ろう
シーサーブログの記事の直下に広告やブログランキングなどを貼り付ける・コンテンツHTMLを編集する
FC2ブログの記事をWordPressにインストールする前に検索エンジンの重複ページペナルティ対策
wordpressの管理画面に入れなくなった場合の一番確実な解決法

Menu

HOME

 TOP