Võtmeerinevus: silt loob reavahetuse ja loob vaikimisi jaotuse teksti vahel, mis tagastatakse pärast sildi algust ja kuni sildi lõpuni. Märgis ei loo sildile sarnast reavahet, vaid võimaldab kasutajal eraldada asju teistest nende ümber asuvatest elementidest sama rea ​​leheküljel.

Ja sild on kaks levinumat märgist, mida leitakse HTML-i kasutavate lehtede loomisel ja erinevate funktsioonide täitmisel. Sageli on need paljudele algajatele segadust tekitavad, kes püüavad mõista, mida kasutada. Esmalt mõistame nende kahe vahelist erinevust.

Märgis on ploki tasandi element, samas kui see on inline element. Neid mõlemaid kasutatakse sageli veebilehe erinevate aspektide, sealhulgas piltide, teksti jms kontrollimiseks.

Märgis loob reavahetust ja loob vaikimisi jaotuse teksti vahel, mis tagastatakse pärast sildi algust ja kuni sildi lõppemiseni. See loob eraldi lahtrid või spetsiaalsed mahutid kõigi teiste teksti, tekstide ja piltide jaoks, mis on selle teksti sees. Need sildid on tavaliselt iseseisvad ja neid ei tohi kasutada koos (lõik) sildiga.

Märgis ei loo sildile sarnast reavahet, vaid võimaldab kasutajal eraldada asju teistest nende ümber asuvatest elementidest sama rea ​​leheküljel. Liinipikkuse puudumine toob kaasa ainult selle valitud teksti muutmise, hoides kõik teised elemendid ümber. Neid kasutatakse sageli selleks, et teatud osa tekstist välja paistma, näiteks värvida või muuta see paksuks. Neid silte kasutatakse sageli sildid.

Võrdlus div ja span-märgise vahel HTML-is:

	div märgend	span tag
Elemendi tüüp	Block-level element	Inline element
Alustab	Uuel lehel	Ei pea alustama uut rida
Kosmos	Viib kogu olemasoleva laiuse	Võtab nii palju laiust kui vaja
Muud näited	-
Kasutatakse kui	Muude HTML-elementide konteiner	Konteiner mõne teksti jaoks
Atribuudid	Nõutavad atribuudid puuduvad, kuid stiil ja klass on tavalised	Nõutavad atribuudid puuduvad, kuid stiil ja klass on tavalised
Kui seda kasutatakse koos CSS-iga	Võib kasutada sisu plokkide kujundamiseks	Võib kasutada teksti osade kujundamiseks

Pilt viisakalt: html-5-tutorial.com, safeschoolbexley.co.uk