HTMLにはルールがあるようで、初心者の私はわかりませんでした。
教えてもらったものをご紹介します。
全角スペースは使わない
キーボードで入力する全角スペースは推奨されていません。
理由は下記のとおりです。
・複数人でコードを共有する場合に、ミスなのかわかりにくい
・スマホだとレイアウトが崩れてしまうことがある
・エラーの原因になりやすい
どう表記するか
① 特殊文字を使用
半角スペース
を と２回使えば２回分の空白を空けることができる
&nsp;
より少し大きいスペース
 
全角スペースと同じ大きさ
&nsp;よりもさらに大きいスペース
 
より少し小さいスペース
CSSを使用
HTML例）
<p>この後に<span class="space">スペース</span></p>CSS例）
.space{
margin-left:10px;
}クラスを使用して、そのあとCSSを使用し、「margin」などで幅を設定します。
参考にしたサイト
下記サイトを参考にさせていただきました！
すぐわかる！HTMLでスペースや空白を入れる正しい方法
WEB制作初心者向けにHTMLで空白やスペースを入れる方法をイラストを使ってわかりやすく紹介します。 この記事を読むことで「HTMLで空白を入れる３つの方法」と「それぞれどんな目的に応じて使用するか」も合わせて学習するこ...
webliker.info
【使いすぎ注意】HTMLで全角スペースを正しく使う方法 - WEBCAMP MEDIA
皆さんはHTMLの文章中に空白を作りたい場合、どのような方法を選択しますか？ Wordやメールで文字を入力する時にも利用している「全角スペース」を使用している方も多いでしょう。 しかし、便利な全角スペ ...
web-camp.io
HTMLで空白を作る方法！全角スペースやコードの使い方を初心者向けに解説 | テックキャンプ ブログ
HTMLで空白を作る方法を知りたいですか？本記事ではHTML上の全角スペース・半角スペースの違いやコードでスペースを入れる方法を解説。思い通りのWebページを作りたい方は必見です。
tech-camp.in
コメント