Matnli havolalardan va chuqur tashvishlanadigan masalalardan chizib tashlash qadamlar
Odatiy bo'lib, HTMLga bog'langan matn tarkiblari yoki "anchor" elementini ishlatib, tagini chizilgan. Ko'pincha veb-dizaynerlar ushbu standart uslubni pastki chiziqdan olib tashlashni tanlashadi.
Ko'plab dizaynerlar, chizilgan matnlarning ko'rinishiga ahamiyat bermaydilar, ayniqsa ko'plab aloqalar bilan zichlikli kontent bloklarida. Belgilangan so'zlarning barchasi, albatta, hujjatning o'qish oqimini buzishi mumkin. Ko'plar ta'kidlaganidek, ushbu so'zlar aslida tabiiy harflarni o'zgartirganligi sababli, so'zlarni tez farqlash va o'qish uchun qiyinlashtiradi.
Shu bilan birga, matnning havolalari haqida ma'lumot olish uchun qonuniy imtiyozlar mavjud. Misol uchun, siz katta matn bloklarini ko'rib chiqayotganingizda, chizilgan havolalar, to'g'ri rang kontrasti bilan birlashganda, kitobxonlar darhol sahifani skaner qilish va havolalarni qaerda ko'rishni osonlashtiradi. Agarda sizning web-dizayn sahifalarida, shuningdek, saytdagi boshqa maqolalarda ko'rib chiqsangiz, chizilgan havolalarning bu uslubini ko'rasiz.
Agar matndan (qisqa vaqt ichida biz qamrab oladigan oddiy jarayon) aloqalarni olib tashlashga qaror qilsangiz, bu matni tarjima qilish yo'llarini aniqroq matndan qanday qilib ajratib olishni aniqlay olasiz. Ko'pincha bu yuqorida ko'rsatilgan rang kontrasti bilan amalga oshiriladi, ammo ranglar faqatgina rangli jasad kabi ko'rish qobiliyatiga ega bo'lganlar uchun muammo yaratishi mumkin. Rangli jasadning o'ziga xos turiga qarab, kontrast ularni to'liq yo'qotib qo'yishi mumkin, chunki ular bog'langan va matnga aloqador bo'lmagan matn o'rtasidagi farqni ko'rishga yo'l qo'ymaydi. Shuning uchun chizilgan matnlar havolalarni ko'rsatishning eng yaxshi usuli hisoblanadi.
Xo'sh, buni xohlayotgan bo'lsangiz, qanday qilib pastki chiziqni o'chirib tashlaysiz? Bu biz xavotirga soladigan vizual xarakterga ega bo'lganligi sababli, biz veb-saytingizning barcha qismlarini ingl. CSS-ni ko'rib chiqadigan qismiga murojaat qilamiz.
Ulanishlarning pastki chiziqlarini o'chirish uchun kaskadli jadvallar jadvalidan foydalaning
Ko'p holatlarda, siz faqat bitta matnli havolani ajratib ko'rsatishni istamaysiz. Buning o'rniga, sizning dizayn uslubingiz, ehtimol sizning barcha yo'nalishlardan pastki qatorlarni olib tashlashingizni talab qiladi. Siz tashqi uslublar jadvaliga uslublar qo'shish orqali buni amalga oshirasiz.
{text-decoration: none; }Bo'ldi shu! CSSning bir oddiy chizig'i barcha havolalar bo'yicha chizilgan chiziqni o'chirib qo'yadi (aslida "text-decoration" uchun CSS xususiyatidan foydalanadi).
Bundan tashqari, ushbu uslub bilan aniqroq tanishishingiz mumkin. Misol uchun, agar siz faqat "osti" elementining ichki qismini yoki yo'nalishlarini o'chirib qo'yishni xohlasangiz, quyidagilarni yozishingiz mumkin:
nav a {matn-dekoratsiya: yo'q; }Endi sahifadagi matnli havolalar asl qiymati pastki chiziqni olishi mumkin, ammo navdagi narsalar o'chirildi.
Ko'plab veb-dizaynerlar tanlovni tanlagan holda, birov matnni ko'rib chiqayotganingizda "qayta" ni ochishdir. Buni quyidagicha amalga oshirish mumkin: hover CSS pseudo-class, shu kabi:
{text-decoration: none; } a: hover {matn-bezatish: ostin; }Inline CSS-dan foydalanish
Tashqi uslublar jadvaliga o'zgartirish kiritish uchun muqobil ravishda siz HTML uslubidagi elementga to'g'ridan-to'g'ri matnni qo'sha olasiz:
bu havolada noaniqlik mavjud emasUshbu uslub bilan bog'liq muammo, HTML uslublaringizdagi uslublar ma'lumotlarini joylashtirishi, bu esa eng yaxshi amaliyot emas. Uslub (CSS) va tuzilish (HTML) alohida saqlanishi kerak.
Agar saytning barcha matnlari ostidagi chizilgan chiziqlarni olib tashlashni xohlasangiz, ushbu uslublar haqidagi ma'lumotni har bir havolaga individual ravishda kiritishingiz saytingizning kodiga qo'shimcha qiymatni qo'shib qo'yishning adolatli miqdorini bildiradi. Ushbu sahifa shikastlanishi saytning yuklanish vaqtini sekinlashtirishi va sahifa boshqaruvini yanada qiyinlashtirishi mumkin. Shu sabablarga ko'ra, barcha sahifa uslublari ehtiyojlari uchun har doim tashqi uslub sahifasiga o'tish afzaldir.
Yakunlovchi qismida
Veb-sahifaning matnli havolalaridan pastki chiziqni olib tashlash oson bo'lgani kabi, buni amalga oshirish oqibatlaridan ham ehtiyot bo'lishingiz kerak. Garchi u sahifa ko'rinishini tozalashi mumkin bo'lsa-da, u umumiy foydalanish qulayligi hisobiga mumkin. Kelgusi sahifada "matn dekorasi" xususiyatlarini o'zgartirish haqida o'ylab ko'ring.
Jennifer Kryninning original maqolasi. Jeremy Girard tomonidan 9/19/16 da tahrirlangan