HTML5 Placeholder Əlaqə üçün Başlayanlar Kılavuzu

İnkişaf əsnasında yer tutan əlaqələrin istifadə edilməsi

Təxminən hər bir veb-dizayner bir veb-saytın hazırlanması və qurulması zamanı bir yerdə və ya digər yer tutucu əlaqələri yaratmışdır. HTML5-dən əvvəl, biz yazırdıq:

yer tutucu kimi. Və müştərilərə mockup saytlar göndərdilər, yalnız müştərinin mənə "niyə mətndə işləməyəcəyini" soruşması üçün həmin tutucularla birlikdə göndərdilər.

Tutuculuq əlaqəsi olaraq hashtag (#) istifadə problemi linkin tıklanabilir olmasıdır və bu sizin müştərilərinizin qarışıqlığına səbəb ola bilər. Və əgər kimsə doğru URL ilə onları yeniləməyi unutsa, bu linklər canlı saytda pozulmuş görünə bilər, çünki onlar bir şeyə bağlanmazlar.

Bunun əvəzinə hər hansı bir atribut olmadan tags istifadə etməyə başlamalısınız. Bu səhifənizdə hər hansı digər link kimi baxmaq üçün tərtib edə bilərsiniz, ancaq onlar yalnız yer tutucular olduğundan tıklanamazlar.

Canlı Sahələrdə Placeholder Links istifadə

Lakin yer tutucu əlaqələri yalnız inkişafdan daha çox web dizaynında bir yer tutur. Yer tutucu bağlantısının parlaya biləcəyi bir yer naviqasiya edir. Bir çox hallarda, veb-sayt naviqasiya siyahılarının hansı səhifənin olduğunuzu göstərmək üçün bir yolu var. Bunlar tez-tez "sən buradasınız" göstəriciləri.

Çox saytlar "burada olduğunuz" markerinə ehtiyacı olan elementə id xüsusiyyətlərinə əsaslanır, lakin bəziləri də sinfi xüsusiyyətini istifadə edirlər. Lakin, hər hansı bir atributunuz istifadə etsəniz, onda naviqasiyanı olan hər bir səhifəyə bir qrup iş etməli və xüsusiyyətləri düzgün elementlərdən çıxararaq aradan qaldırmalısınız.

Yer tutucu bağlantısı ilə naviqasiyanı istədiyinizi yaza bilərsiniz və sonra naviqasiyanı bir səhifəə əlavə etdikdə, href xassəsini müvafiq linkdən çıxarın. Mənim bütün naviqasiya siyahımımı redaktorumda bir parça kimi saxlayıram, belə ki, yalnız sürətli bir surəti yapışdırıb və sonra href-i silin. Siz də CMS-i eyni şeyi edə bilərsiniz.

Bir yer tutucu bağlantısına xüsusi styling (aşağıda sizə göstərəcəyəm) əlavə etməklə yanaşı, link tıklanamaz. Beləliklə, müştərilər onlar hazırda olduğu yerlərdə naviqasiya keçidini tıklayırlarsa, başqa bir şey ala biləcəklərini düşünərək qarışıq düşünmürlər.

Stansiya yerləşdirici əlaqələri

Yer tutucu bağlantıları, web səhifəmizdeki digər bağlantılardan fərqli olaraq üslub və üsluba asandır. Sadəcə bir tag və bir: link tag etibar əmin olun. Misal üçün:

Bu CSS, yer tutucu əlaqələri qalın və qırmızı, heç bir altı çizilmez. Normal əlaqələr normal çəki olanda, mavi və vurğulanır.

Bir etiketdən köçürmək istəmədiyiniz üslubları sıfırlamağı unutmayın. Məsələn, font-çəki yer tutucu əlaqələri üçün cəsarətli olaraq təyin etdim, ona görə bunu təyin etmək məcburiyyətindəyəm:

standart bağlantılar üçün. Mətn dekorasiyası ilə eyni olsa da, onu bir selektorla çıxararaq, onu geri qoymasaydım, link selektoru üçün çıxarılmış olardı.