Aprann yon fason fasil yo Retire Underlinines yo nan Lyen nan HTML

Etap yo retire soulinire soti nan lyen tèks ak pwoblèm yo dwe okouran de

Pa default, kontni tèks ki lye nan HTML lè l sèvi avèk eleman nan oswa "jete lank" estile ak yon souliye. Oftentimes, konsèpteur entènèt chwazi yo retire sa a manier default pa retire soulinye a.

Konsèpteur Anpil pa swen pou gade nan tèks souliye, espesyalman nan blòk dans nan kontni ak anpil lyen. Tout moun nan mo sa yo souliye ka reyèlman kraze koule nan lekti nan yon dokiman. Anpil te diskite ke sa yo souliye aktyèlman fè mo pi difisil yo fè distenksyon ant ak li byen vit paske nan fason ki souliye chanjman lètform natirèl yo.

Gen benefis lejitim nan kenbe sa yo souliye sou lyen tèks, sepandan. Pou egzanp, lè ou fè browse atravè blòk gwo tèks, lyen ki konekte ak konparan koulè apwopriye fè li fasil pou lektè imedyatman eskane yon paj ak wè ki kote lyen yo ye. Si ou gade nan atik yo konsepsyon sit entènèt isit la sou About.com, osi byen ke lòt atik sou sit la, ou pral wè sa a manier nan lyen ki souliye an plas.

Si ou deside retire lyen ki soti nan tèks la (yon pwosesis senp ki nou pral kouvri yon ti tan), asire ou jwenn fason yo style tèks sa a toujou diferansye ki sa ki yon lyen ki soti nan sa ki se tèks plenn. Sa a se pi souvan fè ak ki kontras koulè presedan, men koulè pou kont li ka poze yon pwoblèm pou vizitè ki gen andikap vizyèl tankou avèg koulè. Tou depan de fòm an patikilye yo nan avèg koulè, kontras ka totalman pèdi sou yo, anpeche yo wè diferans ki genyen ant lye ak ki pa lye tèks. Se poutèt sa se souliye tèks toujou pi bon fason pou montre lyen yo.

Se konsa, kouman ou fèmen yon souliye si ou toujou vle fè sa? Depi sa a se yon karakteristik vizyèl nou konsène ak, nou pral vire nan pati nan sit entènèt nou an ki jere tout bagay vizyèl - CSS.

Sèvi ak dra Cascading Style pou chanje souslin yo sou lyen yo

Nan pifò ka yo, ou pa ap chache vire yon souliye koupe sou yon sèl lyen tèks. Olye de sa, style konsepsyon ou gen anpil chans mande pou ou yo retire souliye ki sòti nan tout lyen.Ou ta fè sa pa ajoute estil nan fèy style ekstèn ou.

yon {tè-decoration: okenn; }}

Sa a li! Yon sèl liy senp nan CSS ta fèmen soulinye a (ki aktyèlman itilize pwopriyete a CSS pou "tèks-decoration") sou tout lyen yo.

Ou ta ka jwenn plis espesifik ak sa a style. Pou egzanp, si ou sèlman te vle fèmen soulinasyon an oswa lyen ki andedan nan eleman "nav" la, ou ta ka ekri:

nav yon {tèks-decoration: okenn; }}

Koulye a, lyen tèks sou paj la ta jwenn default la default, men moun ki nan nav la ta gen li retire li.

Yon sèl bagay konsèpteur entènèt anpil chwazi fè se vire lyen an tounen "sou" lè yon moun sou tèks la. Sa a ta dwe fè lè l sèvi avèk la: hover CSS pseudo-klas, tankou sa a:

yon {tè-decoration: okenn; } yon: hover {tèks-decoration: underline; }}

Sèvi ak CSS anlè

Kòm yon altènativ nan fè chanjman nan yon estilye ekstèn, ou ta ka ajoute tou estil yo dirèkteman nan eleman nan tèt li nan HTML, tankou sa a:

lyen sa a pa gen okenn soulinman

Pwoblèm nan ak metòd sa a se ke li mete enfòmasyon style andedan estrikti HTML ou, ki se pa yon pi bon pratik. Style (CSS) ak estrikti (HTML) ta dwe kenbe separe.

Si ou te vle tout nan lyen tèks yon sit la yo dwe anba a retire, pandan l ajoute enfòmasyon sa a style nan chak lyen sou yon baz endividyèl ta vle di yon kantite lajan ki jis nan markeup siplemantè yo te ajoute nan kòd sit ou a. Sa a bloat paj ka ralanti tan chaj yon sit la, epi fè jeneral paj jesyon pi plis defi. Pou rezon sa yo, li pi preferab toujou ale nan yon fèy estil ekstèn pou tout bezwen paj styling.

Nan Fèmti

Kòm fasil tankou li se retire fondman an nan lyen tèks yon paj entènèt la, ou ta dwe tou dwe bliye nan konsekans yo nan fè sa. Pandan ke li ka tout bon netwaye gade nan nan yon paj, li ka fè sa nan depans lan nan itilizasyon an jeneral. Pran sa a nan kont tan kap vini an ou konsidere chanje "tèks-decoration" paj yon paj la.

Original atik pa Jennifer Krynin. Edited sou 9/19/16 pa Jeremy Girard