Stvaranje preloma i odlomaka pomoću oznaka P & BR

Što se tiče učenja HTML-a, dvije oznake koje većina ljudi nauči rano su oznake za odlomke i odlomke 

 i 
odnosno. Te oznake stavljaju prirodne prijelome u vaš tekst tako da je sadržaj vaše web stranice lakši za čitanje. Iako su ove oznake prilično jednostavne za upotrebu, one također mogu izazvati određenu zabunu i zlouporabu.

Ispravna uporaba elementa stavka HTML

Element odlomka

koristi se kao par oznaka s 

 oznaka koja otvara element i 

 oznaka koja ga zatvara. U pisanju HTML4 ili HTML5, završna oznaka tehnički nije potrebna, ali smatra se najboljom praksom zatvaranja ove oznake. U XHTML-u, zatvaranje je potrebno.

Element odlomaka na web mjestu upotrebljavate na isti način na koji pišete sadržaj za izvanmrežne potrebe - kada želite započeti novu ideju ili točku. Većina preglednika prikazuje odlomke s jednim praznim retkom. Evo primjera odlomka u HTML-u:

Sada je vrijeme da svi dobri ljudi priskoče u pomoć svojoj zemlji. Brza smeđa lisica preskočila je lijenog usnulog psa.

Mnogo drugih oznaka može se pojaviti između početnih i završnih oznaka odlomaka.

Ispravna uporaba elementa HTML prijeloma retka

Element prekida retka
oznaka je singleton oznaka - nema završnu oznaku. U XHTML-u morate koristiti oznaku s zadnjom kosom crtom (
), ali u HTML-u (uključujući HTML5) to nije potrebno.

Element prijeloma prisilni je prijelom retka unutar toka teksta web stranice. Koristite ga kada želite da se tekst nastavi u sljedećem retku, ali sadržaj nije zasebna ideja ili točka, što bi ga učinilo još jednim odlomkom. Primjer toga događa se s poezijom gdje su prijelomi redova obično fiksni.

Evo primjera prijeloma retka unutar odlomka:

Sada je vrijeme da svi dobri ljudi priskoče u pomoć svojoj zemlji.

Brza smeđa lisica preskočila je lijenog usnulog psa.

Budući da je oznaka prijeloma retka jednoznačna, unutar nje se ne mogu koristiti druge oznake.

Uobičajene zlouporabe

i
Oznake

Ljudi novi u kodiranju čine neke uobičajene pogreške s elementima odlomka i retka prilikom označavanja web stranice.

• Koristeći
  za promjenu duljine retka teksta: Korištenje oznake break u pokušaju prisiljavanja teksta da se pojavi ili razbije na određeni način osigurava to vaše stranice izgledaju sjajno na vašem pregledniku, ali ne nužno i na drugom pregledniku, a zasigurno ne na svim uređaji. Ako je vaše web mjesto responzivna web stranica, mijenja svoj izgled na temelju različitih veličina zaslona. Preglednik automatski stavlja umotavanje riječi, a zatim kada je riječ o
  oznaka, ona ponovno omotava tekst, što rezultira kratkim i dugim crtama i isprekidanim tekstom. Trebali biste koristiti CSS listovi stilova za diktiranje vizualnih stilova umjesto pokušaja forsiranja izgleda dodavanjem određenih HTML elemenata.
• Koristeći za dodavanje prostora između elemenata: Još jednom, ovo se okreće HTML-u za stvaranje vizualnog izgleda, u ovom slučaju razmaka, umjesto da se koristi CSS. To je uobičajena praksa nekih HTML uređivača, i iako tehnički nije pogrešno, rezultira neugodnim HTML-om i kasnije može biti zbunjujuće za uređivanje. Također nije u skladu s web standardima i odvojenošću strukture i stila. U nekim slučajevima, koristeći ne-lomljenje prostorima unutar inače praznih oznaka odlomaka može rezultirati neočekivanim razmakom u različitim preglednicima, jer svi oni to različito tumače. Najbolje rješenje za postizanje elemenata razmaka potrebnih u vašem dizajnu je uporaba stilskih listova.