Creà esposti è separazione fisica di elementi in HTML cù CSS
Crià spazi è separazione fisica di elementi in HTML pò esse difficili per capiscenu per u web designer di prima. Questu hè chì Hà HTML hà una pruprietariu chjamatu "colapi di l'alturi". se ti scrivanu 1 spaziu o 100 in u vostru còdici HTML, u web browser culpa automaticamente di quelli spazi solu à un solu spaziu. Questu hè diffirenti da un prugramma cum'è Microsoft Word , chì permette à i creati di documentu per aghjunghje spaziu spaziu per separà e parolle è l'altri elementi di quellu documentu.
Questu hè micca cumu u funziunamentu di u spaziu di u web.
Allora, cumu si aghjunghjene i spazii di blancori in HTML chì vede nantu à a pagina web ? Questu articulu seguita di parechji modi.
Spazzi in HTML cù CSS
U modu preferitu per aghjunghje spazi in u vostru HTML hè cù Cascading Style Sheets (CSS) . CSS deve esse usatu per aghjustà qualsiasi aspettu visualu di una pàgina web, è siccomu l'intervalu hè parti di e caractere di u disignu visuale di una pagina, CSS hè ellu chì vulete esse fattu.
In CSS, pudete aduprà u marghjenu o proprietà di rinfriscenu per aghjunghje spaziu intornu elementi. Inoltre, u prughjettu di i testenate aghjunghjenu l'espazio à u fronte di u testu, cum'è per indentà paragrafi.
Eccu unempiu di cumu utilizà CSS per aghjunghje spaziu davanti à tutti i vostri paragrafi. Aggiunce e CSS in seguente à a vostra stile esterna o interna :
p {
indentazione testu: 3im;
}
Spazzi in HTML: In u vostru testu
Sè solu vulete aghjunghje un spaziu supplementu o dui in u vostru testu, pudete utilizà l'spaziu chì ùn anu sparti.
Stu caratteru duveranu cum'è un caratteru spaziunatu standard, solu ùn culleghja nentru u navigatore.
Eccu unempiu di cumu fà aghjunghje cinqui esponi in una linea di testu:
Stu testu hà cincu espaciri extra in ellu
Utilizà u HTML:
Stu testu hè struitu; & nbsp; & nbsp; & nbsp; & nbsp; cincu spaces extra in u so internu
Pudete ancu aduprà a Tag tagburu per aghjunghjia a rotunda di linea.
Questa sentenza hè cincu settimane di scorri à a fini di ellu
Perchè Spacing in HTML hè una Bad Idea
Mentre equestri opzioni opere u travagliu - l'elementi spazii novi spalli aghjunghjenu spazzu per u vostru testu è i rotuli di linea si aghjunghje spazjantu davanti à u paràbile cumparatu quì - ùn hè micca u megliu modu di creà spazzu in u vostru situ web. Adding these elements to your HTML aghjusta l 'infurmazione visuale à u còdici in viaghju di svià l'struttura di una pagina (HTML) da i stili visivi (CSS). I prublemi di dicenu chì quessi sò duveranu esse separati per una quantità di razze, cumpresa a facilidad d'aghjurnà in l'avvene è tutale di u grandu di l'architettura è u performance di a pagina.
Se utilizate una struttura di stili esterni per dittà tutti i vostri stili è spazzu, cambià l'esse stili per tuttu u situ hè faciule fà, postu chì avete sceglie d'aghjurnà din stile di stile.
Cunsiderate l'esempiu di supra a frase cù cinque tags à a fine di questu. S'è vo vulete quellu ammontu di spazio à u fondu di ogni paràgrafu, avete bisognu di aghjunghje u codice HTML per ogni paràgrafu in u vostru situ sanu. Hè una bella quantità di markupu extra chì hà da piscià e vostre pagine.
Inoltre, quandu decide u stradale chì u spaziamentu hè troppu o pocu, è vulete cambià un pocu, avete bisognu di edità tutti i paràgrafi in u vostru situ sanu. Ùn ci ringraziu!
Invece di aghjunghje sti elementi di spaziu per u vostru còdice, utilizate CSS.
p {
padding-bottom: 20px;
}
Questa una linea di CSS addenderà spazio sottu à i paragrafi di a vostra pagina. Se vulete cambià l'intramazzione in u futuru, edite sta filetta (inveci di u codice di u vostru situ) è hè bonu per andà!
Avà, se ne necessite aghjunghje un spaziu unicu in una parte di u vostru situ web, cù una tag
o un spaziu chì ùn anu spaziu ùn hè micca a fini di u mondu, ma avete bisognu à cura.
Utilizà questi l'opzioni di spaziate HTML indipendente pò esse un slip slippery. Mentre chì unu o dui ùn pò micca dannu a vostra situazione, se continuate nant'à st'altra, intrudirecate prughjetti à e vostre pagine. In a fine, hè megliu vultendu in CSS for HTML spacing, è tutti l'altri precisa visuale di a pagina web.