Kreye espas ak separasyon fizik eleman nan HTML ak CSS
Kreye espas ak separasyon fizik eleman nan HTML ka difisil pou konprann pou kòmansman web designer. Sa a se paske HTML gen yon pwopriyete ke yo rekonèt kòm "efondreman whitespace." si ou tape 1 espas oswa 100 nan Kòd HTML ou a, navigatè entènèt la otomatikman efondre espas sa yo desann nan jis yon sèl espas sèl. Sa a se diferan de yon pwogram tankou Word Microsoft , ki pèmèt kreyatè dokiman yo ajoute espas miltip mo separe ak lòt eleman nan dokiman sa a.
Sa a se pa ki jan espas konsepsyon sit entènèt travay.
Se konsa, kouman ou ajoute whitespaces nan HTML ki montre moute sou paj wèb la ? Atik sa a egzamine kèk nan diferan fason.
Espas nan HTML ak CSS
Fason ki pi pito yo ajoute espas nan HTML ou a se ak Cascading Style Sheets (CSS) . CSS ta dwe itilize ajoute nenpòt aspè vizyèl nan yon Paj Web, e depi espas la se yon pati nan karakteristik sa yo konsepsyon vizyèl nan yon paj, CSS se kote ou vle sa a yo dwe fè.
Nan CSS, ou ka itilize swa Marge a oswa padding pwopriyete yo ajoute espas alantou eleman. Anplis de sa, pwopriyete a tèks-endant ajoute espas devan an nan tèks la, tankou pou paragraf endiferan.
Isit la se yon egzanp sou kouman yo sèvi ak CSS ajoute espas devan tout paragraf ou yo. Add CSS ki annapre yo nan fèy estil ekstèn oswa entèn ou :
p {
tèks endependan: 3em;
}}
Espas nan HTML: Anndan tèks ou
Si ou jis vle ajoute yon espas adisyonèl oswa de nan tèks ou, ou ka itilize espas ki la pa kraze.
Sa a karaktè aji jis tankou yon karaktè espas estanda, se sèlman li pa tonbe andedan navigatè a.
Isit la se yon egzanp sou kouman yo ajoute senk espas andedan yon liy nan tèks:
Tèks sa a gen senk espas siplemantè andedan li
Itilize HTML la:
Tèks sa a gen & nbsp; & nbsp; & nbsp; senk espas anplis andedan li
Ou kapab tou itilize tag nan yo ajoute repo liy siplemantè.
Fraz sa a gen senk liy repo nan fen li
Poukisa Espas nan HTML se yon move lide
Pandan ke opsyon sa yo tou de travay - eleman nan espas ki pa kraze pral tout bon ajoute espas nan tèks ou ak repo yo liy pral ajoute espas anba paragraf ki endike anwo a - sa a se pa pi bon fason pou kreye espas nan Paj Web ou. Ajoute eleman sa yo nan HTML ou a ajoute enfòmasyon vizyèl nan kòd la olye pou yo separe estrikti a nan yon paj (HTML) nan estil yo vizyèl (CSS). Pi bon pratik dikte ke sa yo ta dwe separe pou yon kantite rezon, ki gen ladan fasilite nan jour nan lavni an ak an jeneral gwosè dosye ak pèfòmans paj.
Si ou itilize yon fèy style ekstèn dikte tout estil ou ak espas, Lè sa a, chanje sa yo Styles pou sit la tout se fasil fè, depi ou tou senpleman gen aktyalizasyon yon fèy style yon sèl.
Konsidere egzanp ki pi wo a nan fraz la ak senk
Tags nan fen li. Si ou te vle kantite lajan an nan espas nan pati anba a nan chak paragraf, ou ta bezwen ajoute kòd HTML nan chak paragraf nan tout sit ou. Sa se yon kantite lajan ki jis nan markeup siplemantè ki pral bloat paj ou yo.
Anplis de sa, si ou deside desann wout la ke sa a espas twòp oswa twò piti, epi ou vle chanje li yon ti jan, ou ta bezwen edite chak paragraf sèl nan tout sit entènèt ou an. Non mèsi!
Olye pou yo ajoute eleman spas sa yo nan kòd ou a, sèvi ak CSS.
p {
padding-anba: 20px;
}}
Sa yon sèl liy nan CSS ta ajoute espas anba paragraf paj ou an. Si ou te vle chanje ki espas nan lavni an, modifye liy sa a yon sèl (olye pou yo Kòd tout sit ou a) epi ou yo bon ale!
Koulye a, si ou bezwen ajoute yon sèl espas nan yon pati nan sit entènèt ou, lè l sèvi avèk yon tag
oswa yon sèl espas ki pa kraze se pa nan fen mond lan, men ou bezwen dwe fè atansyon.
Sèvi ak sa yo opsyon HTML espas opsyon ka yon pant glise. Pandan ke youn oswa de pa ka fè mal sit ou a, si ou kontinye desann chemen sa a, ou pral prezante pwoblèm nan paj ou yo. Nan fen a, ou se pi bon tounen nan CSS pou espas HTML, ak tout lòt paj wèb vizyèl bezwen.