Ustvarjanje prelomov in odstavkov z oznakami P & BR

Ko gre za učenje HTML-ja, sta dve oznaki, ki se ju večina ljudi nauči že zgodaj, oznaki za prelom odstavkov in vrstic 

 in 
oz. Te oznake vnesejo naravne prelome v vaše besedilo, tako da je vsebina vaše spletne strani lažje berljiva. Čeprav so te oznake dokaj enostavne za uporabo, lahko povzročijo nekaj zmede in se zlorabijo.

Pravilna uporaba elementa odstavka HTML

Element odstavka

se uporablja kot par oznak z 

 oznaka, ki odpira element in 

 oznako, ki jo zapira. Pri pisanju HTML4 oz HTML5, končna oznaka tehnično ni potrebna, vendar velja, da je najboljša praksa, da zaprete to oznako. V XHTML zaključek je potrebno.

Element odstavka uporabljate na spletnem mestu na enak način kot pri pisanju vsebine za potrebe zunaj spleta - kadar želite začeti novo idejo ali točko. Večina brskalnikov prikazuje odstavke z eno prazno vrstico. Tu je vzorec odstavka v HTML-ju:

Zdaj je čas, da vsi dobri možje priskočijo na pomoč svoji državi. Hitra rjava lisica je preskočila lenega spečega psa.

Številne druge oznake se lahko pojavijo med uvodnimi in zaključnimi oznakami odstavka.

Pravilna uporaba elementa preloma vrstice HTML

Element preloma vrstice
oznaka je enojna oznaka - nima končne oznake. V XHTML morate oznako uporabiti s poševnico (
), vendar v HTML (vključno s HTML5) ni obvezen.

Element preloma je prisilni prelom vrstice znotraj toka besedila spletne strani. Uporabite ga, če želite, da se besedilo nadaljuje v naslednji vrstici, vendar vsebina ni ločena ideja ali točka, zaradi česar bi bil še en odstavek. Primer tega je pri poeziji, kjer so navadno določeni prelomi vrstic.

Tu je primer preloma vrstice znotraj odstavka:

Zdaj je čas, da vsi dobri možje priskočijo na pomoč svoji državi.

Hitra rjava lisica je preskočila lenega spečega psa.

Ker je oznaka preloma vrstice enoznačna, v njej ni mogoče uporabiti nobene druge oznake.

Pogoste zlorabe

in
Oznake

Ljudje, ki so novi v kodiranju, pri označevanju spletne strani naredijo nekaj pogostih napak z elementi odstavka in preloma vrstic.

• Uporaba
  da spremenite dolžino besedilne vrstice: Uporaba oznake break pri poskusu, da se besedilo pojavi ali lomi na določen način, to zagotavlja vaše strani izgledajo odlično v vašem brskalniku, vendar ne nujno v drugem brskalniku in zagotovo ne v vseh naprav. Če je vaše spletno mesto odzivno spletno mesto, spremeni svojo postavitev glede na različne velikosti zaslona. Brskalnik samodejno vstavi zavijanje besed in nato, ko gre za
  oznaka, besedilo znova zavije, pri čemer nastanejo kratke in dolge vrstice ter raztrgano besedilo. Moral bi uporabiti CSS slogovni listi da narekujejo vizualne sloge, namesto da bi poskušali vsiliti postavitev z dodajanjem določenih elementov HTML.
• Uporaba da dodate prostor med elementi: Še enkrat se obračamo na HTML za ustvarjanje vizualne postavitve, v tem primeru presledka, namesto da bi uporabili CSS. To je običajna praksa nekaterih urejevalnikov HTML in čeprav tehnično ni napačna, ima za posledico neroden videz HTML in ga lahko pozneje urejate. Prav tako ni v skladu s spletnimi standardi in ločitvijo strukture in sloga. V nekaterih primerih z uporabo neprekinitve prostorih znotraj sicer praznih oznak odstavkov lahko povzroči nepričakovane razmike v različnih brskalnikih, saj se zdi, da si vsi to razlagajo različno. Najboljša rešitev za doseganje razmičnih elementov, ki so potrebni v vašem oblikovanju, je uporaba slogovnih listov.