または:なぜ私のHTMLはすべて古代のスクロールのように動くのでしょうか?
基本的なHTMLの概念といくつかの基本的なHTMLタグを学び、いくつかのHTMLをCMSに貼り付けることに決めました。 残念ながら、あなたの記事は一緒に走った。 すべてが1つの段落です! 何が起こった?
慌てないでください。 ブラウザが改行をどのように解釈するかを理解すると、これを迅速に修正するか、少なくとも簡単に修正します。
ブラウザーが大部分の空白を無視する
HTMLは普通のテキストをマークアップすることに関するものです。 テキストがparchmentqにあったとき、通常のテキストが一緒に巨大なブロックで走った。 今日、テキストを段落に分割しています。
あなたは段落についてあまり考えないかもしれません。 彼らはちょうど起こる。 ENTERを押すと、それが表示されます。
しかし、HTMLは異なっています。 ブラウザは、重要ではないと思われる情報をフィルタにかけようとします。 あなたは混乱しないようにこれがどのように機能するのかを理解する必要があります。
スペースを一括して入力するとします:
私はeeカミングスのように感じるあなたの懐古的なブラウザは、この鮮明な演出を与えるでしょう:
私はeeカミングスのように感じる
私たちはもはやワードにいません、トト。 ブラウザは余分なスペースを無視します。 複数のスペースを1つのスペースに縮小します。
ブラウザは改行も無視します 。
私はeeカミングスのように感じるが、誰もがとにかく大文字を嫌う。あなたのブラウザはこれを行います:
私はeeカミングスのように感じるが、誰もがとにかく大文字を嫌う。
あなたがワードプロセッサの世界から来たら、この動作は驚くかもしれません。 実際、それはあなたに大きな自由を与えます。
段落
しかし、おそらくあなたはまだパラグラフが欲しいです。 ここには、
と p>があります。
これは段落です。 p>
これは同じ行にありますが、これは別の段落です。 そして、私はちょうど2つの改行を入力したにもかかわらず、これはまだパラグラフ2の一部です。 今度は第2段落を終わらせます。 p>
と p>タグを注意深く見て、ブラウザが何をしているかを見てください。
これは段落です。 同じ行にあるにもかかわらず、これは別の段落です。 そして、私はちょうど2つの改行を入力したにもかかわらず、これはまだパラグラフ2の一部です。 今度は第2段落を終わらせます。
見る? ブラウザは実際に改行を完全に無視します。 それはタグについてのみ気にします。
通常、段落と改行を一致させるのが正当な選択です。
これは段落です。 p>
これは別の段落です。 p>
しかし、改行はあなたのためだけです。 ブラウザはそれらを無視します。
たくさんの
タグを追加するのは面倒です。 イタリック体をここに追加するのは1つのことです。 新しい段落を開始するたびにタグを追加する必要があります。
ちょっと待って! 希望がある! あなたのワードプロセッサに叫んではいけません。
あなたのCMSはあなたの空白行を尊重するかもしれない
幸いにも、いくつかのCMSは自動的に段落タグを挿入するように設計されています。 段落間に空白行を挿入するだけで、残りの部分はCMSが処理します。
これは段落です。 タグなし! そして別の em>段落があります。CMSにこの機能がある場合は、次のようになります。
これは段落です。 タグなし! そして別の段落があります。
なぜこれは機能しますか? CMSがあなたの記事をウェブページとして吐き出す前に、必要な
タグを追加します。
CMSがこれを自動的に実行します。 表示されない場合は、この機能を有効にすることができます。
段落に2回Enterを押す
ワードプロセッサでは、通常は段落の間に1回だけEnterキーを押します。 パラグラフは1行ですが、ワードプロセッサでラップします。
HTMLでは、 段落間でEnterキーを2回押したいとします 。 CMSが
タグを自動的に追加すると、空白行が必要になる可能性があります。
HTML改行が異なる
ブラウザでは、段落にはスペースがあります。 次の行の前にスペースを入れずに、行を終了したいだけの場合はどうなりますか? 問題ない。 改行タグがあります。