CSS- ի հետ հղումը թաքցնելը կարող է կատարվել մի շարք եղանակներով, բայց մենք կտեսնենք երկու մեթոդ, որտեղ URL- ն կարող է ամբողջովին թաքցվել տեսքից: Եթե ցանկանում եք ստեղծել վրացական որս կամ զատկի ձու Ձեր կայքում, դա հետաքրքիր միջոց է թաքցնել կապեր:
Առաջին տարբերակը, օգտագործելով «ոչ մեկը», որպես CSS-ի արժեքի ցուցիչ-միջոցառումներ: Մյուսը, պարզապես, էջի ֆոնի վրա համընկնում է տեքստը գունավոր:
Հիշեք, որ ոչ մի եղանակ չի կապի ամբողջովին անհետանում է, երբ հայտնաբերված է աղբյուրի կոդը: Այնուամենայնիվ, այցելուները չունեն պարզ, պարզ ուղի, որի մեջ տեսնելը, եւ ձեր նորեկ այցելուները չեն ունենա հղում, թե ինչպես գտնել հղումը:
Նշում. Եթե արտաքին ոճով թերթիկի կապելուն վերաբերող հրահանգներ եք փնտրում, ապա այս հրահանգները այն չէ, թե ինչ եք հետո: Տես, թե արտաքին ձեւի թերթիկ: փոխարենը:
Անջատել ցուցիչի իրադարձությունը
Առաջին մեթոդը, որը մենք կարող ենք օգտագործել URL- ի թաքցնելու համար, կապն անել ոչինչ: Երբ մկնիկը սահում է հղումից, այն չի ցույց տա, թե ինչ URL է նշում, եւ դա թույլ չի տա սեղմել այն:
Գրեք HTML ճիշտ
Մեկը վեբ էջը, համոզվեք, որ հղումը նման է հետեւյալը.
ThoughtCo.comԻհարկե, «https://www.thoughtco.com/» - ը պետք է մատնանշի այն թաքնված իրական URL- ին, եւ ThoughtCo.com- ը կարող է փոխել այնպիսի բառ կամ արտահայտություն, որը նկարագրում է հղումը:
Գաղափարը այստեղ այն է, որ դասի ակտիվները կօգտագործվեն ներքեւում գտնվող CSS- ի հետ `արդյունավետորեն թաքցնել հղումը:
Օգտագործեք այս CSS կոդը
CSS- ի կոդը պետք է անդրադառնա ակտիվ դասի եւ բացատրեք բրաուզերի համար, որ հղումը սեղմելուց հետո պետք է լինի «ոչ մեկը», այսպիսին է.
ակտիվ: {point-events: none; կուրսորը `կանխադրված; }Դուք կարող եք տեսնել այս մեթոդը JSFiddle- ում: Եթե դուք ջնջեք CSS կոդը այնտեղ, ապա վերսկսեք տվյալները, հղումը հանկարծ դառնում է clickable եւ օգտագործելի: Դա այն է, որ երբ CSS- ը չի կիրառվում, հղումը սովորաբար գործում է:
Նշում. Հիշեք, որ եթե օգտագործողը դիտում է էջի կոդը, ապա կտեսնեք հղումը եւ գիտեք, թե որտեղ է այն անցնում, քանի որ վերը տեսնում ենք, կոդն այնտեղ է, այն պարզապես օգտագործելի չէ:
Փոխեք կապի գույնը
Սովորաբար, վեբ դիզայները կստիպի գրանտներ տարբեր գույնի, քան ֆոնային, որպեսզի այցելուները կարողանան տեսնել դրանք եւ իմանալ, թե ուր են գնում: Սակայն մենք այստեղ ենք թաքցնել կապերը , ուստի տեսնենք, թե ինչպես փոխել գույնը էջի համապատասխանելու համար:
Սահմանել անհատական դաս
Եթե նույն օրինակն օգտագործենք վերը նշված առաջին մեթոդից, մենք կարող ենք պարզապես փոխել դասը, ինչ ուզում ենք այնպես, որ միայն հատուկ հղումներ թաքնվեն:
Եթե մենք չօգտագործեինք դաս, եւ փոխարենը կիրառեցին CSS- ի ստորեւից յուրաքանչյուր հղում, ապա բոլորը կվերանա: Դա ոչ թե այն է, ինչ մենք այստեղ ենք այստեղից, այնպես որ մենք կօգտագործենք այս HTML կոդը, որն օգտագործում է custom գաղտնիության դաս:
ThoughtCo.comՊարզեք, թե ինչ գույն պետք է օգտագործվի
Նախքան մուտքագրեք համապատասխան CSS կոդը, հղումը թաքցնելու համար մենք պետք է պարզենք, թե ինչ գույն ենք ուզում օգտագործել: Եթե արդեն ունեք հոյակապ ֆոն, ինչպես սպիտակ կամ սեւ, ապա դա հեշտ է: Այնուամենայնիվ, այլ հատուկ գույները պետք է ճշգրիտ լինեն:
Օրինակ, եթե ձեր գունային գույնը ունի hex արժեքը e6ded1 , դուք պետք է իմանաք, որ CSS- ի կոդի համար պատշաճ կերպով աշխատելու համար այն էջը, որը ցանկանում եք, այն անհետանում է:
Գոյություն ունեն բազմաթիվ «գույնի ընտրող» կամ «ափի» գործիքներ, որոնցից մեկը կոչվում է ColorPick Eyedropper Chrome բրաուզերի համար: Օգտագործեք այն, վեբ էջի ֆոնային գույնը ընտրելու համար, վեց գույնը ստանալու համար:
Անհատականացրեք CSS- ի գույնը փոխելու համար
Այժմ, երբ դուք ունեք այն գույնը, որ հղումը պետք է լինի, այն ժամանակն է, օգտագործելով այն եւ մաքսային դասի արժեքը վերեւից, գրելու CSS կոդը:
.hideme {գույնը `# e6ded1; }Եթե ձեր ֆոնի գույնը պարզ է սպիտակ կամ կանաչի նման, ապա դրա համար անհրաժեշտ է # նշան տեղադրել:
.hideme {գույնը `սպիտակ; }Տեսեք այս մեթոդի ընտրանքային կոդը այս JSFiddle- ում: