Dzidza Nzira Yakakosha Yokubvisa Underlines Kubva ku Links mu HTML

Matanho ekubvisa zvinyorwa zvinyorwa kubva kune zvinyorwa zvinyorwa uye nyaya kuti uzive

Nokutadza, zvinyorwa zvakasanganiswa neHTML uchishandisa kana "anchor" chinhu chakanyorwa nechepasi. Kazhinji, web designers vanosarudza kubvisa izvi zvisiri izvo nekunyora pasi.

Vagadziri vakawanda havafariri kutarisa kwemashoko akaiswa pasi, kunyanya mumatombo makuru ehuwandu nehuwandu hwehukama. Zvose zvemashoko akaiswa pasi zvinogona kuputsa kuverenga kwekunyorwa kwedhipatimendi. Vakawanda vave vachikakavadzana kuti avo vanonyora zvinyorwa vanoita mazwi zvakaoma kusiyanisa uye nekuverenga nekukurumidza nekuda kwenzira iyo inotsanangura shanduko yemashizha mavara.

Pane zvikomborero zvepamutemo zvekuchengetedza zvinyorwa izvi pamashoko ekunyora, zvisinei. Somuenzaniso, paunotarisa kuburikidza nematombo makuru ezvinyorwa, hutano hwakatsinhirana huri pamwe nehutano hwakasiyana hunoita kuti zvive nyore kune vaverengi kuti vanyatsoona peji uye vone kuti zvibatani zvipi. Kana iwe wakatarisa web design zvinyorwa pano pa About.com, pamwe nezvimwe zvinyorwa zvesayiti, iwe uchaona ichi chimiro chekubatanidza kunoiswa pasi panzvimbo.

Kana iwe ukasarudza kubvisa mazano kubva pamashoko (tsanangudzo iri nyore yatinozovhara pfupi), iva nechokwadi chekuwana nzira dzekutarisa kuti magwaro ezvinyorwa aparadzanise chii chirikubatanidza kubva kune zviri pachena zvinyorwa. Izvi zvinowanzoitwa neyezvirevo zvakasiyana-siyana zvinotaurwa, asi ruvara rwega runogona kuunza dambudziko kune vashanyi vane maziso anooneka sehupfumi hwemvara. Zvichienderana nehuwandu hwavo hwemafufu epofu, kusiyana kunogona kurasikirwa zvachose pamusoro pavo, kudzivirira kuti varege kuona musiyano pakati pekubatanidzwa uye kusina kubatana. Ichi ndicho chikonzero rugwaro rwakatsanangurwa ruchiri kuonekwa senzira yakanakisisa yokuratidza hukama.

Saka unogadzirisa sei pasi pepamusoro kana uchiri kuda kuita kudaro? Sezvo ichi chiri chimiro chekuona chatinenge tine hanya nacho, tichadzokera kune chikamu chewebhu yedu iyo inotarisira zvinhu zvose zvinoonekwa - CSS.

Shandisa Cascading Style Sheets kuvhara pasi Underlines pa Links

Muzviitiko zvakawanda, iwe hausi kutarisa kutendeuka pasi pepanyorwa pane imwe chete yemaoko. Pane kudaro, maitiro ako ekugadzira angada kuti iwe ubvise zvinyorwa kubva kune zvese zvekubatana.Ungadai uchiita izvi nekuwedzera michina kune yako yekunze faira pepa.

a {text-decoration: none; }

Ndizvo! Iyo imwe tsananguro iri nyore yeCSS yaizobvisa pasi pepamusoro (izvo chaizvoizvo zvinoshandisa pfuma yeCSS ye "text-decoration") pane zvese zvakabatana.

Iwe unogonawo kuwana zvakananga nemutauro uyu. Somuenzaniso, kana iwe chete waida kubvisa tsananguro kana hukama mukati me "nav" element, unogona kunyora kuti:

nav a {text-decoration: none; }

Iye zvino, mavara anobatanidza peji aizotora zvisizvo zvisiri pasi, asi izvo zviri muvhi zvingave zvakabviswa.

Chimwe chinhu vazhinji vashandisi vewebhu vakasarudza kuita ndechokuti vashandise kubatanidza kumashure "pa" apo mumwe munhu anotsika pamusoro pezvinyorwa. Izvi zvingaitwa kuburikidza ne: hover CSS pseudo-class, seyizvi:

a {text-decoration: none; } a: hover {text-decoration: inonyorera; }

Achishandisa Inline CSS

Sezvimwe zvinoshandiswa pakuita shanduko kune imwe michina yekunyoresa, iwe unogonawo kuwedzera maitiro nenzira yakananga kune icho chaicho mu HTML, sezvizvi:

iyi link haina tsananguro

Dambudziko iri nenzira iyi ndeyokuti inopa ruzivo rwemavara mukati me HTML yako sangano, iyo isiri tsika yakanakisisa. Chimiro (CSS) uye sarudzo (HTML) inofanira kuchengetwa yakasiyana.

Kana iwe uchida kuti magwaro ose epaiti akwanise kuva nechepamberi kubviswa, kuwedzera chirevo chetsika iyi kune rimwe nerimwe rekubatanidza kune mumwe munhu zvinoreva kurema kwakakwana kwekuwedzera kwekuwedzera kuwedzerwa kune kero yako yepaiti. Iri peji rinobvumira kunogona kuderedza nguva yenguva yekuchengetedza uye kuita sarudzo yepamusoro peji yakaoma zvikuru. Nokuda kwezvikonzero izvi, zvinoshandiswa nguva dzose kuti uende kune imwe kunze yepepa pepaji yezvese zvekunyora mapeji.

Mukuvhara

Sezvo zviri nyore sezvinoitwa kubvisa tsananguro kubva pamapeji ewebhu webhutano, iwe unofanirwawo kufunga nezvekuguma kwekuita saizvozvo. Kunyange zvazvo inogona kuchenesa kutarisa kwepeji, inogona kuita saizvozvo pamutengo wekushandiswa kwehuwandu. Tora izvi uchifunga nguva inotevera paunofunga kuchinja peji ye "text-decoration".

Nyaya yekutanga naJennifer Krynin. Yakagadzirirwa musi wa 9/19/16 naJeremy Girard