Scrieți în HTML: Puncte și Spațiere

Sau: De ce HTML-ul meu rulează împreună ca o parcurgere antică?

Deci, ați învățat concepte de bază HTML și câteva etichete de bază HTML și ați decis să inserați câteva coduri HTML în CMS . Din nefericire, articolul dvs. a fugit împreună. Totul este un paragraf! Ce s-a întâmplat?

Nu vă panicați. Înțelegeți modul în care browserul dvs. interpretează pauzele de linie și veți remedia acest lucru rapid ... sau cel puțin pur și simplu.

Browserele ignoră cel mai mare spațiu alb

HTML este despre marcarea textului obișnuit. Înapoi când textul se afla pe parchet, textul obișnuit se rostogoli în blocuri uriașe. Astăzi, spargem textul în paragrafe .

Este posibil să nu vă gândiți prea mult la paragrafe. Doar se întâmplă. Apăsați tasta ENTER și asta-i asta.

Dar HTML este diferit. Browserul încearcă din greu să filtreze informații care nu par importante. Trebuie să înțelegeți cum funcționează astfel încât să nu vă confundați.

Să presupunem că tastați o grămadă de spații:

Mă simt de parcă ar fi cumpărăturile

Browserul tău prozaic va da această interpretare clară:

Mă simt de parcă ar fi cumpărăturile

Nu mai suntem în Cuvânt, Toto. Navigatorii ignoră spații suplimentare . Acestea reduc spațiile multiple într-un singur spațiu.

Browserele vor ignora și pauzele de linie .

Mă simt ca un cummings ee, dar toată lumea ură CAPITALS on-line oricum.

Browserul dvs. face acest lucru:

Mă simt ca un cummings ee, dar toată lumea ură CAPITALS on-line oricum.

Dacă veniți din lumea procesoarelor, acest comportament poate fi surprinzător. De fapt, vă oferă o mare libertate.

alineatele

Dar probabil că totuși doriți paragrafe. Aici sunt: ​​

și .

Acesta este un paragraf.

Acesta este un alt paragraf, chiar dacă este pe aceeași linie. Și chiar dacă tocmai am intrat două pauze de linie, aceasta este încă o parte a paragrafului doi. Acum închid paragraful 2.

Uită-te cu atenție la etichetele

și , apoi vezi ce face browserul.

Acesta este un paragraf. Acesta este un alt paragraf, chiar dacă este pe aceeași linie. Și chiar dacă tocmai am intrat două pauze de linie, aceasta este încă o parte a paragrafului doi. Acum închid paragraful doi.

Vedea? Browserul într-adevăr ignoră total pauzele de linie. Îi pasă doar de etichete.

În mod normal, desigur, alegerea sănătoasă este potrivirea paragrafelor cu pauze de linii:

Acesta este un paragraf.

Acesta este un alt paragraf.

Dar pauzele de linie sunt doar pentru tine. Browserul le ignoră.

Adăugarea unei mulțimi de etichete

poate fi obositoare. Este un lucru de adăugat italiști aici și acolo. Încă o dată trebuie să adăugați etichete de fiecare dată când porniți un nou paragraf.

Dar asteapta! Există speranță! Nu rulați țipând înapoi la procesorul de text.

CMS-ul dvs. vă poate respecta liniile goale

Din fericire, unele CMS-uri sunt concepute pentru a introduce automat etichetele paragrafelor pentru tine, în spatele scenei. Puteți introduce pur și simplu o linie goală între paragrafe, iar CMS face restul.

Acesta este un paragraf. Nu există etichete! Iată un alt paragraf .

Dacă CMS are această funcție, veți primi:

Acesta este un paragraf. Nu există etichete! Iată un alt paragraf.

De ce funcționează acest lucru? Înainte ca CMS să scurgă articolul dvs. ca pagină web , acesta adaugă tag-urile

necesare.

CMS-ul dvs. va face acest lucru automat. Dacă nu, puteți activa această funcție.

Apăsați ENTER de două ori pentru un paragraf

Într-un procesor de text, de obicei, apăsați ENTER o singură dată între paragrafe. Paragrafele sunt o singură linie, dar procesorul de texte le împachetează.

În HTML, doriți să apăsați ENTER de două ori între paragrafe . Dacă CMS adaugă în mod automat etichete

, se așteaptă probabil o linie necompletată.

Modificările liniei HTML sunt diferite

În browser, paragrafele au spațiu între ele. Ce se întâmplă dacă doriți doar să încheiați o linie, fără a avea un spațiu înainte de următoarea linie? Nici o problema. Există o etichetă de rupere a liniei.