HTML

全角文字に気をつけよう

間違いやすいポイントである全角文字について見たあとに、コメントの使い方について見ていきます。

  • 全角文字に関する注意
  • 全角空白に関する注意
  • コメント
  • コメント切り替えのショートカットキー

全角文字に関する注意

・コードを書いていて間違えやすいポイントとして半角文字と全角文字の混在があります。

・全角文字は文字列として認識されてしまうのでタグとして書いたとしてもHP上に文字として表示されてしまうので注意しましょう。

・例えば<h1>と書くと少し分かりづらいですが<が全角なのでコンテンツの前に開始タブまで表示されてしまいます。

全角空白に関する注意

・また厄介なのが全角空白と半角空白の間違えです。パット見では見分けがつき辛いです。

・フォントをRicty Diminishedに変えておくとわかりやすく表示してくれるので変更しておくことをおすすめします。

プログラミング用フォントを導入しよう

コメント

・HTML内にメモを書き入れておくこともできますのでその方法についてみておきましょう。

・これをすることによってブラウザには表示させずコード内でメモを残しておくことができます。

・少し変わった書き方ですが<!— —>で囲ってあげます。

コメント切り替えのショートカットキー

・また、右クリックで「ページのソースを表示」とするとコードをすべて見ることができるので機密情報などは絶対に書かないようにしましょう。

・コメントはよく使うのでショートカットキーが準備されています。command+/でその行をコメントにできます。範囲を指定すればその範囲をコメントにできますので覚えておきましょう。

ー広告ー

 

 






-HTML