CSS-мен сілтемені жасыру бірнеше жолмен жасалуы мүмкін, бірақ біз URL-ті толықтай жасыруға болатын екі әдіске қараймыз. Егер сіз сайтта тазартқыш немесе пасха жұмыртқасын жасағыңыз келсе, бұл сілтемелерді жасырудың қызықты тәсілі.
Бірінші әдіс - «None» көрсеткіш оқиғалар CSS сипатының мәні ретінде пайдалану. Екіншіден, мәтіннің беттің түсіне сәйкес келуін ғана бояуға болады.
Ешбір әдіс бастапқы кодын іздегенде сілтеме толықтай жоғалып кетпейтінін есте сақтаңыз. Дегенмен, келушілерге оны көруге қарапайым, қарапайым тәсілі болмайды және сіздің жаңа қонақтарыңыз сілтемесін қалай табуға болатынын білмейді.
Ескерту: Сыртқы мәнер парағын қалай байланыстыру туралы нұсқауларды іздесеңіз, бұл нұсқаулар кейінірек болған нәрсе емес. Сыртқы стиль кестесін нені қараңыз ? орнына.
Көрсеткіш оқиғасын өшіру
URL-мекен-жайын жасыру үшін пайдаланылатын бірінші әдіс - сілтеме жасауға ештеңе жасамау. Тінтуір сілтемені апарғанда, URL мекенжайы көрсетілетінін көрсетпейді және оны басуға мүмкіндік бермейді.
HTML дұрыс жазыңыз
Веб-беттердің біреуінде гиперсілтемелердің келесідей оқылатынына көз жеткізіңіз:
ThoughtCo.comӘрине, «https://www.thoughtco.com/» жасырын қалайтын нақты URL мекенжайын көрсетіп, ThoughtCo.com- ды сілтемені сипаттайтын кез келген сөзге немесе сөз тіркесіне ауыстыруға болады.
Мұнда идея мынада, сабақты белсенді түрде сілтеме жасыру үшін төмендегі CSS-пен қолданылатын болады.
Бұл CSS кодын пайдаланыңыз
CSS коды белсенді классқа жүгініп, браузерге сілтеме бойынша оқиға туралы «ешқандай» болмауы керек екенін түсіндіреді:
белсенді белсенді оқиғалар: жоқ; курсор: әдепкі; }Бұл әдіс JSFiddle әрекетін көре аласыз. Егер сіз CSS кодын алып тастасаңыз және деректерді қайта іске қоссаңыз, онда сілтеме кенеттен басылады және қолдануға болады. Себебі CSS қолданылмаса, сілтеме қалыпты әрекет етеді.
Ескерту: Егер пайдаланушы беттің бастапқы кодын көріп жатса, олар сілтемесін көреді және ол қайда кететінін біледі, себебі жоғарыда көрсетілгендей, код әлі де бар, бұл жай ғана жарамды емес.
Байланыстың түстерін өзгертіңіз
Әдетте веб-дизайнер еренсілтемелерді фонға қарағанда әр түрлі түсті етіп жасайды, сондықтан келушілер оларды көре алады және қайда баратындарын біледі. Дегенмен, сілтемелерді жасыру үшін осындамыз, сондықтан беттің түсіне сәйкес келу жолын өзгерту туралы көрейік.
Таңдамалы сыныпты анықтаңыз
Егер біз жоғарыда көрсетілген бірінші әдіс арқылы сол мысалды қолданатын болсақ, сыныпты тек арнайы сілтемелер жасырылған етіп өзгертуге болады.
Егер біз сыныпты пайдаланбаған болсақ, оның орнына CSS-ні әрбір сілтемеге қолданған болсақ, олардың барлығы жоғалып кетуі мүмкін. Бұл жерде болғанымыз емес, сондықтан біз осы HTML-кодты пайдаланамыз, ол пайдаланушы реттемелік сыныпты пайдаланады:
ThoughtCo.comТүсіндіретін түстерді біліңіз
Сілтемені жасыру үшін тиісті CSS кодын енгізбес бұрын, біз қандай түсті қолданатынымызды анықтауымыз керек. Егер сізде ақ немесе қара сияқты қатты фон болса, онда бұл оңай. Дегенмен, басқа арнайы түстер де болуы керек.
Мысалы, сіздің өң түсіңізде e6ded1 мәнінің он алты мәні бар болса , сіз CSS кодын жоғалтқыңыз келетін бет үшін дұрыс жұмыс істеуін білуіңіз керек.
Қолжетімді «түс жинаушы» немесе «тамшуыр» құралдары бар, олардың біреуі Chrome браузері үшін ColorPick Eyedropper деп аталады. Түс түстерін алу үшін веб-беттің өң түсін таңдау үшін пайдаланыңыз.
Түсті өзгерту үшін CSS теңшеңіз
Енді сізде сілтеме болуы керек түсі бар болса, оны CSS кодын жазу үшін жоғарыда берілген және таңдамалы сынып мәнін пайдаланудың уақыты келді:
.hideme {түсі: # e6ded1; }Егер сіздің өң түсіңіз ақ немесе жасыл сияқты қарапайым болса, онда # белгісін қоюдың қажеті жоқ:
.hideme {түсі: ақ; }Осы JSFiddle ішіндегі осы әдісті үлгі кодын көріңіз.