Zvizivo zvakasiyana-siyana mukati memapeji eWebhu
Maererano neW3C, chiratidzo cheAzisi mu HTML ndechekuti:
chiziviso chinoshamisa chechikamu
Iyi iri tsanangudzo yakajeka yeshoko rakasimba kwazvo. Chiratidzo cheDhiyabhorosi chinogona kuita zviito zvakasiyana pamapeji eWebhu:
- A style sheet selector - Iyi ndiyo basa vanhu vakawanda vanoshandisa chimiro cheAzisi. Nemhaka yokuti ivo vakasiyana, unogona kuva nechokwadi kuti uchave wakagadzirisa chinhu chimwe chete paWebhu peji yako paunenge uchitaura uchishandisa chiziviso chako. Izvo zvinoshandiswa pakushandisa chiziviso chekugadzirisa zvinangwa ndezvekuti ine chikwata chapamusoro chaicho, izvo zvinogona kuita kuti zvive zvakaoma zvikuru kana iwe uchida kudarika chimiro chechimwe chikonzero mushure mekunyora matepi. Nokuda kweizvi, maWebhu anowanikwa zvinoenderana nekushandisa makirasi uye vasarudzo vekirasi panzvimbo yeAIDS uye vasarudze vesazisi kwechinangwa chekuita.
- Dzinonzi anchors dzekubatanidza - MaWebvureji evhidhiyo anobvumira iwe kutarisa nzvimbo dzakananga mumagwaro ako eWebhu nekuratidza kuDhiyabhorosi pakuguma kwe URL. Iwe unongowedzera id kusvika kumugumo we peji URL, yakatangwa nepound-sign (#). Iwe unogonawo kubatanidza kune anchore idzi ne peji pachayo nekuwedzera pound-sign (#) uye zita rekutsvaga muhutano hwehrf for the element. Nemuenzaniso, kana iwe uine kupesana neAdhi yekushamwaridzana, iwe unogona kuibatanidza nayo pane peji neichi:
Ichi ndicho chibatanidzwa chemashoko - A reference for scripts - Kana iwe ukanyora chero Javascript mabasa, iwe unoda kushandisa chiito cheDhiyabhorosi kuitira kuti iwe ugone kuita shanduko pane zvakanyatsojeka pane peji nemashiripiti ako.
- Zvimwe kushandiswa - Izwi inokubvumira kushandura magwaro ako eWebhu chero nenzira yaunoda. Somuenzaniso, unogona kubvisa HTML mu database, uye chiratidzo cheAzisi chinoratidza masimi.
Mirairo yeKushandisa Chiratidzo Chekuita
Pane mitemo mishoma yaunofanira kutevera kuti uve nechirongwa chakashandiswa chinoshandisa chizivo chekuziva chero kupi zvayo mumagwaro:
- Chiratidzo chinofanira kutanga ne tsamba (az kana AZ)
- Zvose zvinotevera zvinogona kuva tsamba, nhamba (0-9), mutsotsi (-), anosimudza (_), makoni (:), uye nguva (.).
- Nhengo imwe neimwe inofanira kunge yakasiyana nedhidhiyo. Sei?
Kushandisa ID Identify
Kana uchinge watora chimwe chinhu chakasiyana paWebhusiti yako, unogona kushandisa mapepa emavara kuti utaure sechimwe chinhu ichocho.
Taura nesu
Pane zvimwe zvinyorwa zviri pano
div # contact-section {background: # 0cf;}
-ka-
# contact-section {background: # 0cf;}
Zvimwe zvevasarudzo vaviri ivavo vaizoshanda. Yokutanga (div # rutivi-rutivi) inogona kutsvaga kupatsanurwa nehuwandu hweDhiyabhorosi ye "shamwari-chikamu". Chechipiri (# rutivi-rutivi) rucharamba ruchitsvaga chinhu ichocho ne "ID-" -kamu chikamu ", haingambozivi kuti izvo zvichitsvaga ndezvekupesana. Mugumisiro wekupedzisira wekunyora kwaizove zvakafanana.
Iwe unogonawo kubatanidza kune chimwe chinhu ichocho usingatauri chero ma tags:
Bata kuhutano hwemashoko
Dzokorora iyo ndima muzvinyorwa zvako ne "getElementById" JavaScript nzira:
document.getElementById ("contact-section")
Chizivo chechiziviso chichiri chakanakisisa mu HTML, kunyange zvazvo vheseti vechesi vatsiva kuti ive yavo yakawanda inongoronga zvinangwa. Unyanzvi hwokushandisa chizivo chekuziva sehombodo yemitambo, uye uchivashandisa seanchored for links kana zvinangwa zvezvinyorwa, zvinoreva kuti vachiri nenzvimbo inokosha muWeb design pakurongwa nhasi.
Yakarongedzwa naJeremy Girard