Çawa ku Span û Div HTML Elewiyan bikar bînin

Dîra û divê bi CSS-ê ji bo şêwaz û rengê kontrola mezin.

Gelek mirovên ku nermalava malperê û HTML / CSS têne navnîşên û

elementên di nav veguheran de wek bikarhêneran çêbikin. Lêbelê, rastiyek e ku her yek ji van HTML-hêmanên cuda cuda dikin. Perwerde ji bo her armanca wê armanca armanca xwe bikar bînin, ku hûn alîkariya pela paqijên paqijker ên ku kîjan kod hêsan e rêvebirin e.

Bikaranîna
Element

Dîmên divê li ser rûpelê li malpera televîzyonên masonîk têne destnîşan kirin.

Ew bi baskî qutiyek e ku hûn dikarin hêmanên HTML yên ku bi logizî re hev re bibin. Divê parçeyek dikare di gelek parçeyên din de, wek paragrafan, sernav, lîsteyan, lînk, wêneyan, hûrgelan, hûrgelan. Hûn dikarin parçeyên dî di hundurê de heye ku hûn damezirandin û rêxistinê bêtir belgeya HTML.

Ji bo daveroka divê bikar bînin, li pêşiya qala

veke veke ku hûn pergala cuda cuda ye, û paşê vekirî li ser vê yekê:

naveroka drav

Heke pirtûka we ya pêdivî ye ku hin agahiyên bêtir ên ku hûn bi şêweya CSS re bi kar tînin bikar bînin, hûn dikarin hilbijêre id (mînak,

id = "myDiv">), an bijareke klasor (mînak, class = "bigDiv">). Her van taybetmendan dikarin bi karanîna CSS-ê bijartin an jî bi bikaranîna JavaScriptê hate guherandin. Karên herî baş ên ku di navnîşanên nasnameyên klûbê de bikar bînin, ji ber ku ji hêla nasnameyên taybetî yên hilbijartî têne çêkirin. Di rastiyê de, tu dikarî yek anî bikar anî û her weha herdu nimûneyek nasnameyek û hilbijêrek klûb bide.

Dema ku bikaranîna

Versus

Erê divê ji ji hêla HTML5 cuda ye, ji ber ku ew naveroka naveroka yekem semantîk nabe. Heke hûn nizanin ka ka bloka naveroka pêdivî ye ku dabeşek an beşek be, hûn difikirin ka armanca kîjan hêman û naveroka wan e ku hûn ji bo ku hûn biryar bidin ku biryar bidin wan:

  • Heke hûn hewceyê hêmanek hêsan bikişînin ku li ser vê rûpelê rûpelan zêde bikin, divê hûn elementek divê bikar bînin.
  • Ger naveroka pêdivî ye ku fikrên cûda heye û dikare li ser xwe bisekin, hûn dikarin bisekinin beşa elementê bikar bînin.

Di dawiyê de, parçeyên dabeş û herdu herdu jî heman rengî xweş dike û hûn dikarin ji wan re nirxên taybetmendiyê bikin û bi wan re CSS-ê bibînin ku hûn hewceyê malpera xwe ya ku hûn hewce bibin. Di van deveran de astengên astengî hene.

Bi bikaranîna Element

Erê hêja bi hêla navekî anîn in. Ew ji hêla div û beşên hûrgelan ve girêdayî ye. Elementa demjimêr gelek caran tê bikaranîn ku pisekek taybet, naveroka tekstê, wergirtina "hook" ya ku bi paşê hilbijêre. Bikaranîna CSS-ê, ew dikare stylesê ya nivîsê veguherîne ku ew têkevin; Lêbelê, bêyî hebên taybetmendiyê, hebûna hewayê tenê li ser nivîsê bandor nîne.

Ev cûdahiya sereke di navbera dem û divên girîng de ye. Wekî ku li jor gotine, hûrdeya divê de parçeyek bêdeng e, lê di heman demê de merivên hêja tenê geroka gerdûnî dike ku rêbazên şêwazên CSS-ê girêdayî yên ku ji hêla tags ve girêdayî ye:


text p> Ji hêla textê vekirî û nivîsîn

Vê class = "berbiçav" an jî duyemîn din a ku ji spanê elementê bi şêweya bi CSS-ê (mînak, class = "highlight">).

Hûrgelek nayê pêdivî ye, lê sê sêyên herî kêrhatî eynî wekî heman elementên drav e:

  • awayî
  • sinif
  • id

Dema ku tu dixwazî ​​şêweya naveroka guhertina naveroka bêyî guhertin ku naveroka wekî naveroka asta asta blokeke nû ya belgeyê biguherînin.

Ji bo nimûne, heke hûn peyva duyem a h3-sernavkirina sor be, hûn dikarin wê peyvê bi temenê spanê ku wê peyva wekî textê sor bin. Wê peyv hîn h3 element e, lê niha jî di redê de nîşan dide:

Ev sera min ya herî baş e

Edited by Jeremy Girard 2/2/17