KOUMAN POU SÈVI AK Eleman HTML yo ak div

Itilize span ak div ak CSS pou pi gwo estil ak kontwòl layout.

Anpil moun ki nouvo nan konsepsyon sit entènèt ak HTML / CSS sèvi ak ak

eleman yo nan interchangeably jan yo bati soti webpages. Reyalite a, sepandan, se ke chak nan eleman sa yo HTML sèvi rezon diferan. Aprann yo sèvi ak chak pou objektif entansyon li yo ap ede ou devlope paj wèb pwòp ki kòd pi fasil pou jere an jeneral.

Sèvi ak eleman
la

Eleman nan div defini lojik divizyon nan paj entènèt ou an.

Li se fondamantalman yon bwat nan ki ou ka mete lòt eleman HTML ki lojikman ale ansanm. Yon divizyon ka gen plizyè lòt eleman nan li, tankou paragraf, tit, lis, lyen, imaj, elatriye Li ka menm gen lòt divizyon andedan nan li bay estrikti adisyonèl ak òganizasyon nan dokiman HTML ou.

Pou itilize eleman div lan, mete yon tag

louvri anvan zòn paj ou ke ou vle kòm yon divizyon separe, ak yon fèmen tag apre li:

sa ki nan div

Si zòn paj ou bezwen kèk enfòmasyon anplis ke ou pral itilize style ak CSS pita, ou ka ajoute yon selektè id (egzanp,

id = "myDiv">), oswa yon selektè klas (egzanp, klas = "bigDiv">). Tou de nan atribi sa yo ka Lè sa a, dwe chwazi lè l sèvi avèk CSS oswa modifye lè l sèvi avèk JavaScript. Pi bon pratik aktyèl yo mare nan direksyon pou itilize selektè klas yo olye de ID yo, an pati paske nan ki jan selektè ID espesifik yo ye. An verite, sepandan, ou ka itilize swa yon sèl e yo ka menm bay yon divizyon tou de yon ID ak yon seleksyon klas.

Lè yo itilize

Parapò ak

Eleman div la diferan de eleman seksyon HTML5 a paske li pa bay kontni ki anlè a nenpòt siyifikasyon semantik. Si ou pa sèten si wi ou non blòk la nan kontni yo ta dwe yon div oswa yon seksyon, reflechi sou ki bi pou eleman an ak kontni an se ede w deside ki itilize:

  • Si ou bezwen eleman an tou senpleman ajoute estil nan zòn sa a nan paj la, ou ta dwe itilize eleman an div.
  • Si kontni an dwe genyen yon konsantre distenk epi li ka kanpe sou pwòp li yo, ou ka vle itilize eleman nan seksyon olye.

Alafen, tou de divs ak seksyon konpòte trè menm jan ak ou ka bay swa nan yo valè atribi ak style yo ak CSS jwenn gade nan sit ou ke ou bezwen. Tou de nan sa yo se eleman blòk nivo.

Sèvi ak Eleman an

Eleman an span se yon eleman aliye pa default. Sa a kouche li apa de div lan ak eleman seksyon. Se eleman nan span souvan itilize vlope yon moso espesifik nan kontni, nòmalman tèks, bay li yon lòt "zen" ki ka estile pita. Itilize ak CSS, li ka chanje style la nan tèks la li ankli; sepandan, san yo pa nenpòt atribi style, eleman nan span pou kont li pa gen okenn efè sou tèks nan tout.

Sa a se diferans prensipal la ant span la ak eleman yo div. Kòm mansyone anwo a, eleman an div gen ladan yon repo paragraf, tandiske eleman an span sèlman di navigatè a pou aplike pou asosye CSS règ style nan sa ki fèmen nan Tags:


make tèks ak tèks ki pa make.

Ajoute klas la = "mete aksan sou" oswa lòt klas nan eleman span nan estil tèks la ak CSS (egzanp, klas = "rekò">).

Eleman an span pa gen okenn atribi egzije, men twa a ki pi itil yo se menm bagay la kòm sa yo nan eleman div:

  • style
  • klas
  • id

Sèvi ak span lè ou vle chanje style la nan kontni san yo pa defini kontni sa a kòm yon nouvo eleman blòk-nivo nan dokiman an.

Pou egzanp, si ou vle mo dezyèm lan nan yon tit h3 yo dwe wouj, ou ta ka antoure mo sa a ak yon eleman span ki ta style mo sa a kòm tè wouj. Pawòl la toujou rete yon pati nan eleman h3, men kounye a tou montre nan wouj:

Sa a se Head Awesome mwen

Edited by Jeremy Girard sou 2/2/17