Mətn əlaqələri və mövzulardan xəbərdar olması lazım olduğuna vurğulamaq üçün addımlar
Varsayılan olaraq və ya "bağlama" elementindən istifadə edərək HTML ilə əlaqəli mətn məzmunu bir alt çizgi ilə tərtib olunur. Çox vaxt veb-dizaynerlər, bu uclu üslubu vurğulamaqla vurğulayırlar.
Bir çox dizaynerlər vurğulanmış mətnin görünüşünə, xüsusilə çoxlu əlaqələrlə sıx bənzər məzmunda baxırlar. Sözügedən sözlərin hamısı həqiqətən bir sənədin oxu axını poza bilər. Çoxları vurğulayır ki, əslində təbiət məktublarını dəyişdirməyi vurğulayan üsuldan ötəri sözləri tez bir zamanda ayırmaq və oxumaq daha çətinləşdirir.
Bununla birlikdə, mətn bağlantılarında bu altı çizgileri saxlamaq üçün qanuni faydalar vardır. Məsələn, böyük mətn bloklarını gözdən keçirərkən, vurğulanmış əlaqələr müvafiq rəng kontrastlı birləşdirilmişdir, oxuculara dərhal bir səhifəni tara və əlaqələrin olduğu yerləri görmək üçün asanlaşdırır. Bu saytda burada web dizayn məqalələr, və həmçinin digər məqalələr baxdığınızda, siz yer altılı links bu styling görəcəksiniz.
Mətnlərdən (qısa müddət içərisində verəcəyimiz sadə bir proses) əlaqələri aradan qaldırmağa qərar verərsənsə, o mətni tərtib etmək üçün yolları hələ də düz mətndən olan bir bağı nə ilə ayırdığına əmin olun. Bu, əksər hallarda yuxarıda göstərilən rəng kontrastı ilə aparılır, lakin rəng yalnız rəngli korluq kimi görmə qabiliyyətinə malik olanlar üçün problem yarada bilər. Xüsusi rəngli korluq növündən asılı olaraq kontrastlı və əlaqəli olmayan mətn arasındakı fərqləri görməmələrinə mane ola bilər. Buna görə də vurğulanan mətn hələ də əlaqələri göstərmənin ən yaxşı yolu hesab olunur.
Beləliklə, əgər bunu etmək istəyirsənsə, necə vurğulayırsınız? Biz bu mövzuda vizual bir xarakterik olduğundan, veb-saytımızın hər bir hissəsini əyani şəkildə həll edən bir hissəsinə çevrəcəyik - CSS.
Bağlantılar üzərindəki Çizgiləri söndürmək üçün Şablonlu stillərdən istifadə edin
Çox hallarda, yalnız bir mətn bağlantısı üzərində yer çəkmək istəyən deyilsiniz. Bunun əvəzinə, dizayn tərziniz, ehtimal ki, bütün linklərdən altındakıları aradan qaldırmanızı tələb edir. Xarici stilinizə üslub əlavə edərək bunu edəcəyik.
bir {text-decoration: none; }Bu belədir! Bu CSS-nin bir sadə xətti bütün əlaqələrdə (həqiqətən "mətn-bəzək" üçün CSS mülkiyyətini istifadə edən) vurğulamağı söndürəcəkdir.
Bu üslubu ilə daha da dəqiqləşə bilərsiniz. Məsələn, yalnız "altı" və ya "nav" elementinin içərisində olan əlaqələri silmək istəsəniz, yaza bilərsiniz:
nav a {mətn-bəzək: none; }İndi, səhifədəki mətn əlaqələri default altını alacaq, ancaq nav ilə olanlar silinəcəkdir.
Çox veb-dizaynerlər seçdiyiniz bir şey mətn üzərində birinə dönərkən linki geri "çevir" etməkdir. Bunu aşağıdakılardan istifadə etmək olar: hover CSS pseudo-class, bu kimi:
bir {text-decoration: none; } a: hover {text-decoration: underline; }Inline CSS istifadə
Xarici üslubda dəyişiklik etmək üçün bir alternativ olaraq, bu kimi üslubları doğrudan HTML elementinə özü əlavə edə bilərsiniz:
bu linkdə heç bir işarə yoxdur »Bu üsulla problem ən yaxşı bir təcrübə olmayan HTML strukturunuzdakı stil məlumatlarını yerləşdirir. Style (CSS) və strukturu (HTML) ayrı saxlanmalıdır.
Bir sitenin mətn bağlantısının alt çizgi kaldırılmasını istəmiş olsanız, bu üslub məlumatlarını hər bir linkə fərdi şəkildə əlavə etmək sitenizin koduna ədalətli miqdarda əlavə qeyd əlavə olunur. Bu səhifə bloat bir saytın yükləmə müddətini yavaşlatabilir və ümumi səhifə idarəçiliyini daha da çətinləşdirə bilər. Bu səbəblərə görə, bütün səhifə tərtibatı ehtiyacları üçün həmişə xarici stil səhifəsinə müraciət etmək üstünlük təşkil edir.
Yoxlama zamanı
Çətinliyi veb səhifənin mətn keçidlərindən çıxarmaq asan olduğu kimi, bunu etməklə nəticələnən nəticələr nəzərə alınmalıdır. Həqiqətən bir səhifə görünüşünü təmizləyə bilər, baxmayaraq ki, bu, ümumi istifadə mümkünsüzliyi hesabına edilə bilər. Bir səhifənin "text-decoration" xüsusiyyətlərini dəyişdirməyi düşündüyünüz zaman nəzərə alın.
Jennifer Krynin tərəfindən hazırlanan əsər. Jeremy Girard tərəfindən 9/19/16 tarixində redaktə edildi