Քայլեր հեռացնելու տեքստային հղումներից եւ խնդիրներից, որոնք տեղյակ են
Լռելյայն, HTML- ով կապակցված տեքստային բովանդակությունը, օգտագործելով կամ «խարիսխ» տարրը, ընդգծված է: Հաճախ վեբ դիզայներները նախընտրում են հեռացնել այս կանխադրված ստիլինգը, ընդգծելով հեռացումը:
Շատ դիզայներները չեն հետաքրքրում գծագրված տեքստի տեսքը, հատկապես բովանդակության խիտ բլոկներում, բազմաթիվ հղումներով: Բոլոր ընդգծված բառերը կարող են իսկապես կոտրել փաստաթղթի ընթերցման հոսքը: Շատերը պնդում են, որ ընդգծում են, որ իրականում խոսքը ավելի դժվար է տարբերակել եւ կարդալ արագ այն պատճառով, որ ենթադրում է փոխել բնական նամակագրությունները:
Այնուամենայնիվ, կան լեգիտիմ օգուտներ, որոնք պահպանվում են տեքստի հղումների վրա: Օրինակ, երբ դուք ուսումնասիրեք խոշոր բլոկների տեքստը, ընդգծված հղումները, որոնք համապատասխանում են պատշաճ գունային կոնտրաստին, հեշտացնում են ընթերցողներին անմիջապես սկան էջը եւ տեսնել, թե որտեղ են հղումները: Եթե դուք նայեք վեբ դիզայնի հոդվածները այստեղ here.com- ում, ինչպես նաեւ կայքում տեղադրված այլ հոդվածներում, կտեսնեք ընդգծված հղումների այս ձեւավորում:
Եթե դուք որոշում եք հեռացնել հղումները տեքստից (պարզ ընթացք, որը մենք կներկայացնենք շուտով), վստահ եղեք, որ այդ տեքստը ոգեշնչելու ուղիներ գտնելը դեռեւս տարբերվում է այն հանգամանքից, թե որն է հղումը, որը պարզ տեքստ է: Սա հաճախ կատարվում է վերոնշյալ գույնի հակադրությամբ, բայց միայն գույնը կարող է խնդիրներ առաջացնել այնպիսի այցելուների համար, ինչպիսիք են գունային կուրությունը: Կախված դրանց գունային կուրության հատուկ ձեւից, հակադրությունը կարող է լիովին կորչել նրանց վրա, կանխելով նրանց, տեսնելով կապակցված եւ ոչ կապակցված տեքստի տարբերությունը: Սա է պատճառը, որ ընդգծված տեքստը դեռեւս համարվում է հղումներ ցույց տալու լավագույն միջոցը:
Այսպիսով, ինչպես եք անջատել, եթե ցանկանում եք դա անել: Քանի որ սա տեսողական հատկություն է, մենք մտահոգված ենք, մենք կանդրադառնանք մեր կայքէջի մի մասի վրա, որը բոլոր տեսողական բաները կարգավորում է CSS:
Օգտագործեք Cascading Style Sheets- ը հղումների գծերը սեղմելու համար
Շատ դեպքերում, դուք չեք փնտրում ընդամենը ընդամենը մեկ տեքստային հղում: Փոխարենը, ձեր դիզայնի ոճը, ամենայն հավանականությամբ, պահանջում է հեռացնել բոլոր հղումներից:
ա {text-decoration: none; }Դա այդպես է: CSS- ի մեկ պարզ տողը հստակեցրեց ընդգծումը (որն իրականում օգտագործում է CSS- ի գույքը «տեքստային ձեւավորում») բոլոր հղումների վրա:
Դուք կարող եք նաեւ ավելի կոնկրետանալ այս ոճով: Օրինակ, եթե ցանկանում եք ընդգծել գծի կամ «nav» տարրի ներսում գտնվող հղումները, ապա կարող եք գրել.
nav ա {text-decoration: ոչ; }Այժմ էջի տեքստային հղումները կստանանք լռելյայն ընդգծված, բայց դրանք nav- ում պետք է հանվեն:
Մի բան, որ շատ վեբ դիզայներներ ընտրում են անել, հղումը վերադարձնելու մասին «վերադարձի» վրա, երբ ինչ-որ մեկը շրջվում է տեքստում: Դա կկատարվի օգտագործելով `hover CSS կեղծ դասակարգ, ինչպես այսպես.
ա {text-decoration: none; } a: hover {text-decoration: ընդգծում; }Օգտագործելով Inline CSS- ը
Որպես այլընտրանք արտաքին ստեղնաշարում փոփոխություններ կատարելու համար կարող եք նաեւ ավելացնել ոճերը անմիջապես HTML- ի տարրի մեջ, ինչպես այսպես.
այս հղումը չունի ընդգծվածԽնդիրն այս մեթոդով այն է, որ այն ոճային տեղեկատվություն է տեղադրում ձեր HTML կառուցվածքի մեջ, որը լավագույն փորձ չէ: Style (CSS) եւ կառուցվածքը (HTML) պետք է առանձնացված լինեն:
Եթե ցանկանում եք կայքի բոլոր տեքստի հղումները, ընդգծելով հեռացվածը, անհատական հիմունքով ավելացնելով այս ոճը տեղեկատվությունը, նշանակում է ձեր կայքի կոդի ավելացման լրացուցիչ չափանիշների արդար չափը: Այս էջի փչացումը կարող է դանդաղեցնել կայքի բեռի ժամանակը եւ ընդհանուր էջի կառավարումը շատ ավելի դժվար է դարձնել: Այդ պատճառով, նախընտրելի է, որ բոլոր էջերի ոճավորող կարիքները միշտ դառնան արտաքին ոճի թերթ:
Փակման ժամանակ
Որքան էլ հեշտ լինի հեռացնել վեբ էջի տեքստի հղումները, պետք է նաեւ ուշադրություն դարձնել դրա կատարման հետեւանքների վրա: Չնայած այն կարող է մաքրել մի էջի տեսքը, դա կարող է դա անել ընդհանուր օգտագործելիության հաշվին: Հաշվի առեք այն, որ հաջորդ անգամ մտածում եք էջի «տեքստային ձեւավորում» հատկությունները փոխելու մասին:
Իրական հոդվածը Ջենիֆեր Քրինինն է: Վերափոխվել է 9/19/16 թ., Ժերեմի Գիրարդի կողմից