HTMLで書く - 段落とスペース

基本的なHTMLの概念といくつかの基本的なHTMLタグを学び、いくつかのHTMLをCMSに貼り付けることに決めました。残念ながら、あなたの記事は一緒に走った。すべてが1つの段落です！何が起こった？

慌てないでください。ブラウザが改行をどのように解釈するかを理解すると、これを迅速に修正するか、少なくとも簡単に修正します。

ブラウザーが大部分の空白を無視する

HTMLは普通のテキストをマークアップすることに関するものです。テキストがparchmentqにあったとき、通常のテキストが一緒に巨大なブロックで走った。今日、テキストを 段落 .

あなたは段落についてあまり考えないかもしれません。彼らはちょうど起こる。 ENTERを押すと、それが表示されます。

しかし、HTMLは異なっています。ブラウザは、重要ではないと思われる情報をフィルタにかけようとします。あなたは混乱しないようにこれがどのように機能するのかを理解する必要があります。

スペースを一括して入力するとします：

私はeのように感じる。カミング

あなたの懐古的なブラウザは、この鮮明な演出を与えるでしょう：

私はeのように感じる。カミング

私たちはもはやワードにいません、トト。ブラウザ 余分なスペースを無視する。複数のスペースを1つのスペースに縮小します。

ブラウザはまた、 あなたの改行を無視する.

私はeのように感じる。すべての人がオンラインで嫌いです。

あなたのブラウザはこれを行います：

私はeのように感じる。すべての人がオンラインで嫌いです。

あなたがワードプロセッサの世界から来たら、この動作は驚くかもしれません。実際、それはあなたに大きな自由を与えます。

段落

しかし、おそらくあなたはまだパラグラフが欲しいです。どうぞ：

そして

これは段落です。

同じ行にあるにもかかわらず、これは別の段落です。そして、私はちょうど2つの改行を入力したにもかかわらず、これはまだパラグラフ2の一部です。今度は第2段落を終わらせます。

注意深く見てください

そして タグを入力し、ブラウザが何をしているかを確認します。 これは段落です。同じ行にあるにもかかわらず、これは別の段落です。そして、私はちょうど2つの改行を入力したにもかかわらず、これはまだパラグラフ2の一部です。今度は第2段落を終わらせます。

見る？ブラウザは実際に改行を完全に無視します。それはタグについてのみ気にします。

通常、段落と改行を一致させるのが正当な選択です。

これは段落です。

これは別の段落です。

しかし、改行はあなたのためだけです。ブラウザはそれらを無視します。

たくさんの

タグは面倒なことがあります。イタリック体をここに追加するのは1つのことです。新しい段落を開始するたびにタグを追加する必要があります。

ちょっと待って！希望がある！あなたのワードプロセッサに叫んではいけません。

あなたのCMSはあなたの空白行を尊重するかもしれない

幸いにも、一部のCMSは次のように設計されています。 段落タグを自動的に挿入する あなたのために、舞台裏で。あなたは単に 空白行 残りの部分はCMSが処理します。

これは段落です。タグなし！そしてここに 別の 段落。

CMSにこの機能がある場合は、次のようになります。

これは段落です。タグなし！そしてここに 別の 段落。

なぜこれは機能しますか？ CMSがあなたの記事をウェブページとして吐き出す前に、必要なものを追加します

タグ。

CMSがこれを自動的に実行します。表示されない場合は、この機能を有効にすることができます。

段落に2回Enterを押す

ワードプロセッサでは、通常は段落の間に1回だけEnterキーを押します。パラグラフは1行ですが、ワードプロセッサでラップします。

HTMLでは、 段落の間にEnterキーを2回押します。 CMSが追加した場合

タグが自動的に空白行になる可能性があります。