Текстийн холбоосууд болон асуудлын талаархи тоймыг хасах алхмууд
Анхдагчаар эсвэл "зангуу" элементийг ашиглан HTML-тэй холбоотой текст контентийг доогуур зураасаар илэрхийлдэг. Заримдаа вэб дизайнерууд энэ зургийг устгах замаар үндсэн загварыг устгахыг сонгодог.
Ихэнх дизайнерууд доогуур зураастай харагддаггүй, ялангуяа олон холбоостой агуулгын өтгөн блокуудад анхаарал хандуулдаггүй. Доод талд нь байгаа үгс нь баримт бичгийн уналтын урсгалыг үнэхээр эвдэж чаддаг. Илүү дэлгэрэнгүй тайлбарласнаар, эдгээр зураас нь энгийн захидал хэлбэрийг өөрчилснөөр хурдан ялгах, хурдан уншихад илүү үг хэлдэг.
Гэсэн хэдий ч текстийн холбоосууд дээр эдгээр тоймыг хадгалах хууль ёсны ашиг байдаг. Жишээлбэл, та текстийн том хэсгүүдээр гүйлгэн харахдаа өнгөт ялгаатай хослол бүхий товчлуурын холбоосуудыг товчлуурууд нь хуудсыг нэн даруй хайлт хийж, холбоосууд нь хаана байгааг олж харахад хялбар болгодог. Хэрэв та энд вэбсайтуудын талаархи вэбсайтууд үзэж байгаа бол вэбсайт дээрх бусад өгүүлэлтэй танилцаж байгаа бол та энэ товчлуурын холбоосыг харах болно.
Хэрэв та текстээс холбоосыг арилгахаар шийдсэн бол (бидний удахгүй хялбархан хамрах энгийн үйл явц), уг текстийг хэвшүүлэх арга замыг цэвэр текстээс юу холбохыг яаж ялгахаа олох хэрэгтэй. Энэ нь дээр дурьдсан өнгө тодосгогчтой хийгддэг бөгөөд ганц өнгө нь өнгөт харалган шиг харааны бэрхшээлтэй хүмүүст асуудал үүсгэж болно. Тэдгээрийн өнгөц харалган байдлаас хамааран ялгаатай байдал нь хоорондоо холбоотой байж болох ба тэдгээр нь хоорондоо холбоотой болон үл хамаарах текст хоорондын ялгааг олж харахад саад болдог. Яагаад гэвэл доогуур зураастай текст нь холбоосуудыг үзүүлэх хамгийн сайн арга зам гэж тооцогддог.
Тэгэхээр та яагаад үүнийг хийхийг хүсч байгаа бол яах вэ? Энэ бол бидний нүдэнд харагдахуйц шинж чанар бөгөөд бид CSS-ийн бүхий л зүйлийг зохицуулдаг вэбсайтын хэсэг рүү хандана.
Холбоосуудын тоймыг унтраахын тулд Cascading Style Sheets ашиглана уу
Ихэнх тохиолдолд та зөвхөн нэг текстийн холбоос дээр зураасыг хайхыг хүсэхгүй байна. Харин таны дизайны хэв маяг нь бүх холбоосоос гарах зайг арилгахыг шаарддаг. Ингэснээр та өөрийн загварын хэв маягтаа стилийг нэмэх замаар хийх болно.
a {text-decoration: none; }Тиймээ! CSS-ийн энгийн нэг мөр нь диаграмыг унтраадаг (энэ нь бүх холбоос дээр CSS текстийг ашигладаг.
Та энэ хэв маягаар илүү тодорхой болно. Жишээлбэл, хэрэв та зөвхөн "nav" элементийн доторх зураас эсвэл холбоосыг унтраахыг хүсвэл дараах тушаалыг бичиж болно:
nav a {text-decoration: none; }Одоо хуудасны текст холбоосууд нь анхдагч зураас авах болно, гэхдээ nav-д байгаа хүмүүс үүнийг устгах болно.
Ихэнх вэб дизайнеруудаас сонголт хийхийг хүсч байгаа зүйл бол хэн нэгэн текстийг даван туулах үед "эргэх" холбоосыг эргүүлнэ. Үүнийг ингэж хийж болно: hover CSS pseudo-class, иймэрхүү:
a {text-decoration: none; } a: hover {text-decoration: underline; }Inline CSS ашиглах
Гадны загварт өөрчлөлт оруулах өөр хувилбар болохоос гадна HTML-ийн элемент рүү шууд загварыг оруулж болно:
энэ холбоос нь тоймгүй байнаЭнэ аргын асуудал нь таны HTML бүтэц дэх загварын мэдээллийг байрлуулдаг бөгөөд энэ нь хамгийн шилдэг туршлага биш юм. Style (CSS) ба бүтэц (HTML) нь тусдаа байх ёстой.
Хэрвээ та сайт дээрх текстийн холбоосыг бүхэлд нь хасахыг хүссэн бол энэ төрлийн мэдээллийг нэг бүр дээр холбоос болгон нэмээрэй гэвэл таны сайтын кодод нэмэлт тэмдэглэгээг нэмж өгнө гэсэн үг юм. Энэ хуудас нь сайтын ачааллыг удаашруулж, хуудасны удирдлагыг илүү төвөгтэй болгодог. Эдгээр шалтгааны улмаас бүх хуудас загварын хэрэгцээнд зориулж гаднах хэв маяг хуудсыг үргэлж ашиглах нь зүйтэй.
Хаах нь
Вэб хуудасны текстийн холбоосоос зураас хасах нь амархан байдаг тул үүнийг хийх үр дагаврыг анхаарах хэрэгтэй. Хуудасны харааг цэвэрлэж магадгүй ч гэсэн энэ нь ерөнхий хэрэглээний зардлаар хийгддэг. Хуудасны "текст-чимэглэл" шинж чанарыг өөрчлөхийг санал болгож байна.
Женнифер Кэрнин эх нийтлэл. Жерри Герард 9/19/16 дээр зассан